html{-webkit-text-size-adjust:none; }
body{ color:#000000; font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{
	text-align: center;
} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } em,i{ font-style:normal;}

.wrap{width: 1200px; margin: 0 auto;}
.header{background: url("../imgs/img1.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; height: 108px; overflow: hidden;}
.header .logo{margin-top: 45px; float: left; }
.header .right-text{float: right; margin-top: 50px;}
.header .link {height: auto; overflow: hidden; float: left;}
.header .link a{color: #000;font-size: 14px;}
.header .link li{float: left; margin-right: 35px;}


.header .sear{float: left; border: 1px solid #C7C7C7; width: 167px; height: 26px; background: #fff; overflow: hidden;}
.header .sear .text{ height: 25px; width: 130px; line-height: 25px; margin-left: 5px; background: #fff; border: none; float: left;}
.header .sear .submit{background: url("../imgs/img2.png") #BF0008 center no-repeat; display: inline-block; width: 32px; height: 26px; display: inline-block; border: none; cursor: pointer;  float: left; 	}
.header span{background: url("../imgs/img1.png") no-repeat; display: inline-block; margin-right: 5px;}
.header .icon-hd1{background-position: 0 1px; width: 18px; height: 15px;}
.header .icon-hd2{background-position: -22px 1px; width: 12px; height: 15px;}
.header .icon-hd3{background-position: -35px 1px; width: 15px; height: 15px;}
.navs{height: 50px; background:url("../imgs/img2.jpg") #B00108 center repeat-x; box-shadow: rgba(6,0,1,0.43) 3px 0 5px;}
.navs ul{height: auto;}
.navs ul li{float: left; width: 143px; line-height: 50px; position: relative; font-size: 16px;  text-align: center;}	
.navs ul li a{color: #fff; display: block;}
.navs ul li a:hover{background: #E5000A ; text-decoration: none;}
.navs ul li.active a{background: #E5000A ;} 
.navs .subnav {position: absolute; top: 50px; z-index: 99; display: none;}
.navs .subnav ul {background: #B00108;}
.navs .subnav ul li{float: none; border: none; border-bottom: 1px solid #CBCBCB;}
.navs .subnav ul li a{background: #FEFEFE; color: #666666;}
.navs .subnav ul li a:hover{background: #E5000A; color: #fff;}
.navs .subnav ul li:last-child{border: none;}


.slider{ background: url("../imgs/img12.jpg") no-repeat; background-size: cover; background-position: 50%; position: relative;}
.slides{width: auto; margin: 0 auto; position: relative;}
.slides .prev{background: url("../imgs/img23-1.jpg") no-repeat; width: 50px; height: 80px; position: absolute; left: -25px; top:50%; margin-top: -40px; cursor: pointer;}
.slides .prev.no-prev{background: url("../imgs/img23.jpg") no-repeat;}
.slides .next{background: url("../imgs/img24.jpg") no-repeat; width: 50px; height: 80px;position: absolute; right: -25px; top:50%; margin-top: -40px;cursor: pointer;}
.slides .next.no-next{background: url("../imgs/img24-1.jpg") no-repeat;}
.slides .list{width: auto;  overflow: hidden; }
.slides ul{width: 999999px; height: auto; overflow: hidden;}
.slides ul li{float: left;}
.slides ul li img{
	display: block;
width: auto; height: auto;

}



.slide-nav{width: 1200px; height: 65px; background: #B00108; margin: 0 auto; position: absolute;left: 50%;}
.slide-nav li{background: #ECECEC; transition: all 0.2s ease-in; float: left; height: 60px;  width: 299px; border-left: 1px solid #fff;border-right: 1px solid #A7A7A7;}
.slide-nav .data{width: 33px; height: 33px; border-radius: 50%; margin-top: 15px; margin-left: 30px; background: #646462; font-size: 24px;  font-weight: bold; text-align: center; line-height: 33px; color: #fff; float: left;}
.slide-nav .text{float: left;margin-left: 15px; font-size: 14px; color: #646462; margin-top: 12px; line-height: 19px;}
.slide-nav li.active{background: #B00108; border-left: 1px solid #E5000A;}
.slide-nav li.active .data{background: #E5000A; color: #FFFFFF;}
.slide-nav li.active .text{color: #fff;}

/*index*/

.gb-h2{font-size: 28px;color: #b00108; margin-bottom: 13px;}


.home-content{height: auto; overflow: hidden; margin-top: 40px;  background: #fff url("../imgs/img34.jpg") center bottom no-repeat;}
.content{height: auto; overflow: hidden; margin-top: 40px; padding-bottom: 180px; background: #fff url("../imgs/img17.jpg") center bottom no-repeat; -webkit-background-size: cover; background-size: cover;}
.aside{width: 210px; float: left;}
.aside-hd{background: #C60109 url("../imgs/img5.png") no-repeat right bottom; border-left: 4px solid #FFB400; height: 105px; padding-left: 15px; padding-top: 45px;}
.aside-hd h4{font-size: 12px; color: #ffffff;}
.aside-hd h2{font-size: 28px; color: #fff;}
.aside-nav{border-left: 1px solid #D1D1D1; padding-bottom: 15px; margin-bottom: 20px; border-right: 1px solid #D1D1D1;border-bottom: 3px solid #D1D1D1;}
.aside-nav li{height: 40px; overflow: hidden; line-height: 40px;}
.aside-nav li span{float: right; margin-right: 40px;}
.aside-nav li a{padding-left: 20px; display: block; color: #666666;}
.aside-nav li a:hover{background: #FFE9EA; text-decoration: none; color: #b00108;}
.aside-nav li.active a{background: #FFE9EA;}

.main{width: 945px; float: right;}
.main-hd{height: auto; overflow: hidden; margin-bottom: 20px;}
.main-hd h2{font-size: 24px; color: #333333; float: left;}
.main-hd ul{height: auto; float: right; margin-top: 8px;}
.main-hd ul li{float: left; margin: 0 3px;}
.main-hd ul li a{color: #666666;}
.main-hd ul li.active a{color: #e5000a;}
.main-bd .video-list ul{height: auto; overflow: hidden; width: 105%;}
.main-bd .video-list ul li{float: left;  width: 290px; background: #fff; height: 290px;box-shadow: rgba(0,0,0,0.15)1px 0 4px; margin-right: 34px; margin-bottom: 30px; }
.main-bd .video-list ul li .img{padding: 3px; margin-bottom: 15px; overflow: hidden; height: 158px; position: relative;}
.main-bd .video-list ul li .img img{transition: 0.6s all ease-in; height: 100%; width: 100%;}
.main-bd .video-list ul li .img img:hover{transform: scale(1.2);}
.main-bd .video-list ul li p{font-size: 12px; line-height: 20px; color: #717070; margin-top: 8px;}
.main-bd .video-list ul li em{position: absolute; background:  url("../imgs/img6.png") 0 0 no-repeat; width: 42px; height: 42px; display: inline-block; left: 50%; top:50%; margin-left: -21px; margin-top: -21px;}
.main-bd .video-list ul li h2 a{font-size: 14px; color: #2d2e32;}
.main-bd .video-list ul li .text{padding:0 20px;}

.main-bd .active-list .img{overflow: hidden; margin: 20px; width: 297px; float: left;}
.main-bd .active-list img{width: 100%; height: 100%;float: left; transition: 0.6s all ease-in;display: block;}
.main-bd .active-list img:hover{transform: scale(1.2);}
.main-bd .active-list .text h2{margin-top: 10px; margin-bottom: 15px; font-size: 16px;}
.main-bd .active-list h2 a{color: #000;}
.main-bd .active-list .text p{font-size: 12px; line-height: 20px; color: #555555;}
.main-bd .active-list li{height: auto; overflow: hidden;margin-bottom: 10px; border: 1px solid #E9E9E9;}
.main-bd .active-list .text{float: left; width: 586px; padding-top: 40px; float: right; } 

.gb-data{font-size: 18px; color: #e5000a;}
.gb-data span{font-size: 12px;}
.gb-btn{margin-top: 25px;}
.gb-btn a{color: #555555; width: 84px; background: url("../imgs/img19.jpg") 70px center no-repeat; height: 25px; border-radius: 15px; line-height: 25px; padding-left: 10px; border: 1px solid #D7D7D7; display: inline-block;}
.gb-btn a:hover{background: #B00108 url("../imgs/img9.png") 70px center no-repeat; border: 1px solid #B00108; color: #fff; text-decoration: none;}
.gb-pages ul{height: auto; overflow: hidden; position: relative; left: 50%; float: left;}
.gb-pages li{width: 36px; height: 36px; float: left; margin: 0 5px; border: 1px solid #B6B6B6; text-align: center; line-height: 36px;}
.gb-pages li a{display: block; font-size: 16px; color: #999999;}
.gb-pages .prev,.gb-pages .next{width: 58px;}
.gb-pages .prev{margin-right: 10px; margin-left: 0;}
.gb-pages .next{margin-left: 10px; margin-right: 0;}
.gb-pages li.active a{background: #B00108; color: #fff; }
.gb-pages li a:hover{text-decoration: none; background: #B00108; color: #fff;}



.main-hd-top{background: #F8F5EC; position: relative; padding-top: 40px; padding-left: 50px; padding-bottom: 38px; height: auto; overflow: hidden;}
.main-hd-top em{background: url("../imgs/img10.png") 0 0 no-repeat; width: 87px; height: 59px; display: inline-block; position: absolute; top: 0; right: 0;}
.main-hd-top .gb-data{width: 170px; display: block; float: left;}
.main-hd-top .text{width: 652px; float: left;}
.main-hd-top h2 a{font-size: 30px; color: #b00108; line-height: 1; }
.main-hd-top p{font-size: 12px; color: #686868; line-height: 20px; margin-top: 15px;}

.main-bd .news-list li{border-bottom: 1px dotted #CBCBCB; padding-bottom: 48px; padding-top: 50px;}
.main-bd .news-list dd{width: 430px; float: left;}
.main-bd .news-list dl{height: auto; overflow: hidden;}
.main-bd .news-list dd.item2{margin-left: 85px;}
.main-bd .news-list .gb-data{float: left; width: 105px;}
.main-bd .news-list .text{width: 325px; float: left;}
.main-bd .news-list .text h2{font-size: 18px; font-weight: bold; margin-bottom: 18px;}
.main-bd .news-list h2 a{color: #333333;}
.main-bd .news-list p{line-height: 20px; font-size: 12px; color: #686868;}
.main-bd-jj .img-list{margin-bottom: 50px;}
.main-bd-jj .img-list ul{width: 105%;height: auto; overflow: hidden;}
.main-bd-jj .img-list li{float: left; margin-right: 10px;}
.main-bd-jj .text p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-bottom: 15px;
}


.top-block{height: auto; overflow: hidden; margin-top: 55px; background: #F4F4F4; padding-bottom: 10px;}
.md-shol{width: 342px;float: left;}
.md-shol-bd .img{border: 3px solid #B00108; padding-bottom: 1px;}
.md-shol-bd .img img{display: block; width: 100%;}
.md-shol-bd .text{border-bottom: 1px solid #C4C4C4; line-height: 26px; padding-top: 10px;}
.md-shol-bd .text h4{font-size: 16px; color: #b00108;}
.md-shol-bd .text p{font-size: 14px; color: #000000;}
.md-shol-ft{margin-left: 16px;  font-size: 14px; color: #000000;}
.md-shol-ft li{line-height: 26px; color: #000000; list-style: disc;}

.md-news{width: 516px; float: left; margin-left: 20px;}
.md-news-bd{font-size: 14px;}
.md-news-bd li{line-height: 30px; height: 30px;}
.md-news-bd li span{float: right; color: #d1d1d1; font-size: 14px;}
.md-news-bd li a{color: #535353;}
.md-news-bd li.big a{font-size: 20px; color: #b00108;} 
.md-news-ft{text-align: right; margin-top: 15px;}
.md-news-ft a{font-size: 14px;color: #818181;}

.md-notice{width: 305px; float: right; margin-top: 50px;}
.md-notice-hd{height: 31px;  background: #B00108; font-size: 18px; color: #fff; text-align: center; line-height: 31px;}
.icon-notice{background: url("../imgs/img12.png") no-repeat; width: 15px; height: 17px; display: inline-block; position: relative; top:1px; margin-right: 8px;}
.icon-video{background: url("../imgs/img13.png") no-repeat; width: 17px; height: 12px; margin-right: 10px; display: inline-block; position: relative; }
.md-notice-bd{border: 1px solid #C9C9C9; margin-bottom: 10px;}
.md-notice-bd .list{background: #FFFFFF;}
.md-notice-bd .list ul{margin-left: 20px;}
.md-notice-bd .list li{ list-style: disc; line-height: 24px; }
.md-notice-bd .list li a{color: #535353;}
.md-notice-bd .tip{font-size: 16px; padding: 5px 15px; color: #b00108; line-height: 22px; background: #F4F4F4;}

.center-block{margin: 20px 0;}
.center-block .list-item ul{height: auto; overflow: hidden; width: 105%;}
.center-block .list-item li{float: left; margin-right: 30px; position: relative;}
.center-block .list-item em{position: absolute; top: 0; bottom: 0; left: 0 ; right: 0;}
.center-block .list-item li{overflow: hidden; width: 380px; height: 200px;}
.center-block .list-item li img{transition: all 0.5s ease-in; display: block;}
.center-block .list-item li:hover img{transform: scale(1.3);}
.center-block .list-item .item1 em{background: rgba(176,1,8,0.7);}
.center-block .list-item .item2 em{background: rgba(40,114,159,0.7);}
.center-block .list-item .item3 em{background: rgba(24,133,116,0.7);}
.center-block .list-item .text{position: absolute; top: 50%; z-index: 2; height: 70px; width: 200px; left: 50%; margin-left: -100px; margin-top: -35px; text-align: center;}
.center-block .list-item .line{background: url("../imgs/img17.png") no-repeat center; height: 3px; margin-top: 15px; }
.center-block .list-item .text h2{font-size: 34px; color: #ffffff;}


.md-xxgs{margin: 20px 0; }
.md-xxgs .wrap{background: #F4F4F4; height: auto; overflow: hidden;position: relative;}
.md-xxgs .img{float: left; margin-right: 48px; width: 396px; height: 223px; position: relative;}
.md-xxgs .img img{display: block;}
.md-xxgs .img em{position: absolute; width: 119px; height: 38px; font-size: 20px; color: #fff; background: #B00108; text-align: center; line-height: 38px; left: 0; bottom: 0;}
.md-xxgs .text{ padding-top: 15px; float: left; width: 728px;}
.md-xxgs .text h2 a{font-size: 16px; font-weight: bold; color: #2d2d2d;}
.md-xxgs .texts{width: 655px; float: left;}
.md-xxgs .text p{font-size: 14px; line-height: 24px; color: #969696;}
.md-xxgs .text-icon{width: 68px; float: left;}
.md-xxgs .more{position: absolute; bottom: 15px; right: 35px;}
.md-xxgs .more a{font-size: 14px; color: #818181;}
.md-xxgs .more span{width: 13px; height: 13px; background: #B00108; display: inline-block; margin-right: 10px;}

.md-szll {margin-bottom: 15px;}
.md-szll .wrap{height: auto; overflow: hidden; padding-bottom: 10px; border-bottom: 3px solid rgba(229,228,228,0.3); background: #fff;}
.md-szll .prev{width: 26px; height: 49px; background: url("../imgs/img19.png") no-repeat; position: absolute; left: 0; top: 50%; margin-top: -25px; cursor: pointer;}
.md-szll .next{width: 26px; height: 49px; background: url("../imgs/img20.png") no-repeat; position: absolute; right: 0; top: 50%; margin-top: -25px; cursor: pointer;}
.md-szll ul{height: auto; overflow: hidden; width: 99999px;}
.md-szll ul li{float: left; margin:0 35px; text-align: center; width: 200px;}
.md-szll ul li img{width: 100%; height: auto;}
.md-szll ul li h2{font-size: 16px;}
.md-szll ul li h4{font-size: 14px;color: #545051;}
.md-szll .img-list{width: 795px; float: left; overflow: hidden; position: relative;}
.md-szll .texts{width: 345px;  float: right; position: relative;}
.md-szll .texts h2{font-size: 20px; color: #ffffff; background: #B00108; width: 119px; height: 38px; line-height: 38px; text-align: center;}
.md-szll .texts h4{margin: 10px 0; font-size: 16px; font-weight: bold; color: #585453;}
.md-szll .texts p{font-size: 14px; line-height: 24px; color: #969696;}
.md-szll .more{margin-top: 20px;}
.md-szll .more a{font-size: 14px; color: #818181;}
.md-szll .more span{width: 13px; height: 13px; background: #B00108; display: inline-block; margin-right: 10px;}

.md-tsjy .wrap{background: #fff; padding-top: 20px; margin-bottom: 15px; border-bottom: 3px solid rgba(229,228,228,0.3);}
.md-tsjy dl{height: auto; overflow: hidden; width: 105%; margin-left: 40px;}
.md-tsjy dd{float: left; width: 540px; margin-right: 50px;}
.md-tsjy .hd{font-size: 28px; color: #b00108; padding-bottom: 5px; border-bottom: 1px solid #CFCFCF; margin-bottom: 15px;}
.md-tsjy ul{height: auto; overflow: hidden;width: 105%;}
.md-tsjy li{background: #EEEEEE; width: 255px; height: 232px; float: left; margin-right: 28px; }
.md-tsjy li .img{width: 255px; height: 165px; overflow: hidden;}
.md-tsjy li .img img{transition: all 0.3s ease-in;}
.md-tsjy li:hover .img img{transform: scale(1.3);}
.md-tsjy li .text{padding-left: 10px;}
.md-tsjy .text h2{margin-top: 5px;}
.md-tsjy .text h2 a{font-size: 16px; color: #b00108;}
.md-tsjy .text p{font-size: 14px; color: #000000;}
.md-tsjy .ft{margin: 10px 0; font-size: 14px; text-align: right;}
.md-tsjy .ft a{ color: #818181;}

.fr-link .wrap{height: 100px; background: #fff; margin-bottom: 55px;border-bottom: 3px solid rgba(229,228,228,0.3);}
.fr-link dl{height: auto; overflow: hidden; line-height: 100px;}
.fr-link dt{float: left; font-size: 28px; color: #b00108; margin-right: 25px; margin-left: 40px;}
.fr-link dd{float: left; font-size: 14px; margin: 0 7px;}
.fr-link dd a{color: #000000;}

.footer-con{background: url("../imgs/img3.jpg") 50% no-repeat; color: #fff; padding-top: 30px; height: 322px; -webkit-background-size: cover;background-size: cover;}       
.footer-con ul{height: auto; overflow: hidden;}
.footer-con li{float: left;}
.footer-con h2{font-size: 16px; color: #fafafa; position: relative; padding-bottom: 13px; margin-bottom: 34px;}
.footer-con h2:after{position: absolute; background: #fff; content: ''; height: 2px; width: 50px;  left: 0; bottom: 0; }
.footer-con .item1{font-size: 14px;width: 295px; line-height: 24px;}
.footer-con .item1 dd{margin-bottom: 10px;}
.footer-con .item2{width: 302px;}
.footer-con .item2 .inner{ overflow: hidden;width: 275px;}
.footer-con .item2 .img-list{width: 999999px; height: auto; overflow: hidden;}
.footer-con .item2 dl{height: auto; overflow: hidden;width: 285px; float: left;}
.footer-con .item2 dd{float: left; margin-bottom: 14px;}
.footer-con .item2 img{width: 80px; height: 80px; display: block; margin-right: 15px;}
.footer-con .item2 .prev{width: 28px; height: 28px; background: url("../imgs/img10.jpg") no-repeat;float: left; cursor: pointer;}
.footer-con .item2 .next{width: 28px; height: 28px; background: url("../imgs/img10.jpg") -28px no-repeat; float: left; cursor: pointer;}
.footer-con .item3 .form-box{width: 190px; height: 190px; border: 1px solid #FFFFFF; padding-top: 5px; padding-left: 5px;}
.footer-con .item3{width: 300px;}
.footer-con .item3 dd{margin-bottom: 10px; position: relative; padding-left: 36px;}
.footer-con .item3 label{width: 36px; display: inline-block; position: absolute; left: 0;}
.footer-con .item3 .text-box{float: left; width: 206px; height: 94px; border: 1px solid #FFFFFF; position: relative;}
.footer-con .item3 .text-box textarea{height: 65px; border: none; background-color: transparent; resize: none; width: 98%; padding: 1%; color: #fff;}
.footer-con .item3 span{background-image:  url("../imgs/img1.png"); background-repeat: no-repeat; display: inline-block;}
.footer-con .item3 .text-box .submit{width: 50px; height: 18px; font-size: 14px; color: #000; border: none; position: absolute; bottom: 0; right: 0; background: #fff;font-weight: bold; cursor: pointer;}
.footer-con .item3 .icon-bo{position: absolute; background-position: -85px -19px; width: 14px; height: 14px; left: 6px; top: 25px;}
.footer-con .text{width: 206px; height: 18px; color: #fff; background: transparent; border: 1px solid #fff;}
.footer-con .item4{width: 280px;}
.footer-con .item4 dd{margin-bottom: 40px;}
.footer-con .item4 span{margin-right: 12px ;  display: inline-block; background-image:  url("../imgs/img1.png"); background-repeat: no-repeat;}
.footer-con .icon-addr{background-position: -20px -19px; width: 17px; height: 12px;}
.footer-con .icon-tel{background-position: -39px -19px; width: 17px; height: 15px;}
.footer-con .icon-email{background-position: -57px -19px; width: 17px; height: 12px;}
.footer .copyright{height: 39px; background: #000000; font-size: 14px; color: #ffffff; line-height: 39px; text-align: center;}





/* styles.css ----------------------悬浮窗口代码*/  
#floating-bar {
	/* 初始设置为不显示 */  
    display: none;
	text-align: center;    /* 其他样式保持不变 */  
    /* ... */  
}  

    /* 悬浮条样式 */  
 @media screen and (max-width: 600px) {  
        #floating-bar {  
        position: fixed;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 50px; /* 悬浮条高度 */  
    background: linear-gradient(rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0.5)), url('../imgs/texture.png'); /* 假设texture.png是纹理图片 */  
    background-size: auto, cover; /* 纹理图片覆盖整个背景 */  
    display: flex;  
    justify-content: space-around;  
    align-items: center;  
    z-index: 999; /* 确保悬浮在其他内容之上 */  
    transition: all 0.3s ease; /* 添加过渡效果 */  
}  
  
/* 悬浮条按钮样式 */  
.floating-button {  
    display: flex;  
    align-items: center;  
    text-decoration: none;  
    color: inherit;  
}  
  
.floating-button:hover {  
    transform: scale(1.1); /* 放大到原来的1.1倍 */  
    transition: transform 0.3s ease; /* 添加过渡效果，使变化更平滑 */  
}
  
.floating-icon {  
    width: 30px; /* 按钮大小 */  
    height: 30px;  
    margin: 0 5px; /* 间距 */  
}  
  
.xfwz {  
    text-align: center;  
    margin-left: 5px; /* 文本与图标之间的间距 */  
	font-size: 16px;  
    font-weight: bold; 
	
}  
  
/* 仅在屏幕宽度小于或等于600px时显示悬浮条 */  
@media screen and (max-width: 600px) {  
    #floating-bar {  
        display: flex; /* 显示悬浮条 */  
    }  
/* ----------------------悬浮窗口代码结束*/