@charset "gb2312";
/* CSS Document */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;list-style-type: none;}
body{color:#333;background-color: #f5f5f5; font-family:"微软雅黑","宋体","Arial Narrow",HELVETICA}
/****
html{font-size:100%;} 
body{font-size:16px;font-size:1.0rem;} 
****/
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
img{border:0px; }
.HR{height:1px; border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; margin-top:5px; padding-bottom:5px;}





/***************公共基础代码CSS*******************/
#bk,.bk{width:100%;margin: 0px;padding: 0px;}
#box,.box{width: 100%; margin:0 auto 0 auto;text-align: left;overflow:hidden;padding: 0px; /* background-color: #FFFFFF;*/}
.shadow{box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);}
.shadowmore{box-shadow: 0px 0px 20px rgba(6,6,6,0.3);}

.shadowbanner{box-shadow: 0px 5px 5px rgba(6,6,6,0.05);}


#clear,.clear,#cls,.cls{clear:both;}
.B{font-weight: bold;}
.mediaplay{width: 55rem;height: 32rem;}
/***************公共基础代码CSS*******************/







/***************公共页面代码CSS*******************/
.bgbai{background-color: white;}
.bgblue{background-color: blue;}
.bgred{background-color: red;}
.bggreen{background-color: green;}

.uiplay{transition: all .3;-webkit-transition: all .3s;}
.uiplay1{transition: all .1;-webkit-transition: all .1s;}
.topge{margin-top: 1rem;}

.bigbutton { transition: all .3;-webkit-transition: all .3s; display: inline-block; padding: 0.5rem 1.5rem; background-color: #FFFFFF; color: #000; white-space: nowrap; text-align: center;border: solid 1px #666666; border-radius: 5px;font-weight: bold;}
.bigbutton:hover{ transition: all .3;-webkit-transition: all .3s; border: solid 1px #666666; background-color: #666666; color: #fff; }
/***************公共页面代码CSS*******************/








/*************************首页元素CSS*****************************/

.top,.topbk {background-color: #333333;}
.top{color: #aaaaaa;font-size: 0.8rem;}
.top .one{float: left;height: 2rem;line-height: 2rem;}
.top .two{float: right;height: 2rem;line-height: 2rem;}





.logo .one {float: left;padding: 1.5rem 1rem 0.5rem 1rem;}
.logo .two{float: right;padding: 1.5rem 0.5rem 1.3rem 0.5rem;}
.logo .two > div > p{border-radius: 50%; background-color: #FFF; font-size: 1.3rem; height: 1.5rem; width: 1.5rem; line-height: 1.5rem;  border: solid 1px #1C5EB2;color: #1C5EB2;float: left;margin-top: 0.25rem;font-weight: bold;text-align: center;}
.logo .two > div > span{color: #1C5EB2;font-size: 1.3rem;font-style: normal;font-family: "Comic Sans MS", cursive, sans-serif; margin-left: 0.2rem;}
.logo .two > div > span > b{font-weight: normal;font-size: 1.5rem; font-style: italic;}




.bannerback{box-shadow: 0px 10px 20px rgba(6,6,6,0.03);background-color: #FFFFFF;margin-bottom: 1rem;border-top: solid 1px #f5f5f5; }
.banner > li{float: left;width: 12.5%;text-align:center;}
.banner > li a{display: inline-block;padding: 0.5rem 0rem; width: 100%; height: 100%; background-color: transparent;color: #333;border-radius: 0px;line-height: 2rem; height: 2rem;font-weight: bold;font-size: 1.0rem; }
.banner > li a:hover{background-color: #1C5EB2;color: #FFF;}







.ad{ height: 30rem;}
.swiper-container { width: 99%; height: 99%;  border: #CCCCCC solid 1px;}
.swiper-wrapper{ /* 通过改变animation-timing-function 制作弹性切换效果 */ transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;     }
.swiper-slide { text-align: center; font-size: 18px; background: #EBEBEB; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;      
    
    
    text-shadow:5px 2px 6px #000; box-shadow:5px 2px 6px #000;
    font-size: 2rem; color: #FFFFFF;

}

.swiper-slide{background-size: 100% 100%;}
.swiper-button-next, .swiper-button-prev,.swiper-button-next:after, .swiper-button-prev:after{color: #FFFFFF;}









.hottitle{text-align: center;    font-family: 'Microsoft YaHei';font-weight: bold;padding: 1rem 0;}
.hotpdt{width: 100%;}
.hotpdt>li{float: left; width: 25%;margin: 0.5rem auto;}
.hotpdt>li div{margin: auto 0.5rem;border: 1px solid #EBEBEB; border-top: 1px solid #1C5EB2; background-color: white;border-radius: 5px;}
.hotpdt>li div>p.title{font-size: 1.2rem;color: #333;text-align: center;margin: 1.1rem 1rem 0.5rem 1rem;}
.hotpdt>li div>p.text{font-size: 1.0rem;color: #999999;text-align: center;margin: 0.5rem 1rem;}
.hotpdt>li div>p.src{text-align: center; margin: 0.5rem 1rem 1.1rem 1rem;}
.hotpdt>li div>p.src img{width: 160px;height: 160px;}
.hotpdt>li div:hover{ -webkit-box-shadow: 0 10px 20px #ddd; -moz-box-shadow: 0 10px 20px #ddd; -ms-box-shadow: 0 10px 20px #ddd; -o-box-shadow: 0 10px 20px #ddd; box-shadow: 0 10px 20px #ddd; -webkit-transform: translate3d(0,-2px,0); -moz-transform: translate3d(0,-2px,0); -ms-transform: translate3d(0,-2px,0); -o-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);border: 1px solid #1C5EB2;}








.listback>li{float: left;width: 100%;}
.listback p.title{font-size: 1.2rem;color: #333;text-align: center;margin: 1.1rem 1rem 0.5rem 1rem;}

.listback>li>.listimg{text-align: center;margin: 1.1rem 0.6rem 0.5rem 0.6rem;overflow: hidden;height: 8rem;}
.listback>li>.listimg:hover{-webkit-box-shadow: 0 10px 20px #ddd; -moz-box-shadow: 0 10px 20px #ddd; -ms-box-shadow: 0 10px 20px #ddd; -o-box-shadow: 0 10px 20px #ddd; box-shadow: 0 10px 20px #ddd; }
.listback>li>.listimg img{width: 100%; height: 100%;border: solid 0px #CCCCCC;}

.listback>li>.listimg img:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); top: -2%; left: -2%; width: 104%; height: 104%;}

.listback>li>.pdtlist{width: 100%;}
.listback>li>.pdtlist>li{float: left; width: 16.666666%;margin: 0.5rem auto;}
.listback>li>.pdtlist>li ul{margin: auto 0.5rem;border: 1px solid #EBEBEB; background-color: white;border-radius: 3px; height: 20rem;}
.listback>li>.pdtlist>li ul>p.title{font-size: 1.2rem;color: #333;text-align: center;margin: 1.1rem 1rem 0.5rem 1rem;height: 2.7rem;}
.listback>li>.pdtlist>li ul>p.text{font-size: 1.0rem;color: #999999;text-align: center;margin: 1rem 1rem 0.5rem 1rem; height: 3rem;}
.listback>li>.pdtlist>li ul>p.src{text-align: center; margin: 0.5rem 1rem 1.1rem 1rem; height: 5rem;}
.listback>li>.pdtlist>li ul>p.src img{width: 100%;}
.listback>li>.pdtlist>li ul:hover{ -webkit-box-shadow: 0 10px 20px #ddd; -moz-box-shadow: 0 10px 20px #ddd; -ms-box-shadow: 0 10px 20px #ddd; -o-box-shadow: 0 10px 20px #ddd; box-shadow: 0 10px 20px #ddd; -webkit-transform: translate3d(0,-2px,0); -moz-transform: translate3d(0,-2px,0); -ms-transform: translate3d(0,-2px,0); -o-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0); border: 1px solid #1C5EB2;}





/*---------page----------*/
.pageconsole{overflow: hidden;margin: 1.5rem 5% 1.5rem 5%;}
.pageconsole>.one{float: left; color: #999999;font-size: 90%;font-weight: normal;}
.pageconsole>.two{float: right;}
.pageconsole>.two a,.pageconsole>.two .PageCssStyleNone{padding: 3px 5px;border: solid 1px #CCCCCC;min-width: 22px;display: inline-block;text-align: center; border-radius:5px;}
.pageconsole>.two .PageCssStyleNone{color: #999999;}
.pageconsole>.two .PageCssStyleOver{background-color: #C11E23; border: solid 1px #C11E23 !important;color: #FFFFFF !important;}
/*-------------------*/






.home_newslist,.home_numslist{margin: auto 0.5rem 0.5rem 0.5rem;border: 1px solid #EBEBEB;background-color: white;border-radius: 3px;overflow: hidden; padding: 1rem; }

.home_newslist:hover,.home_numslist:hover{border: 1px solid #1C5EB2;}

.home_newslist>li{padding: 0.5rem 1rem;overflow: hidden;}
.home_newslist>li dt{float: left;}
.home_newslist>li dt.one{width: 90%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home_newslist>li dt.one span{line-height: 2.2rem;}
.home_newslist>li dt.one p.date{color: #999999;}
.home_newslist>li dt.two{width: 10%;text-align: right;color: #CCCCCC;font-size: 0.8rem;}
.home_newslist>li dt.two img{width: 5rem; height: 3.5rem;}

.home_numslist li{float: left;width: 25%;}
.home_numslist li p{margin: 0.5rem;border: solid 1px #CCCCCC;text-align: center;line-height: 2rem; font-family: "Comic Sans MS", cursive, sans-serif;border-radius: 3px;}
.home_numslist li p:hover{border: solid 1px #1C5EB2;background-color: #1C5EB2;color: #FFF;}
.STdaohang{text-align: right !important;}
.STdaohang a{ padding:  0.3rem 1rem 0.3rem 1rem;}
.DangQian:hover,.DangQian:link,.DangQian:visited {border: #1C5EB2 solid 1px;background-color: #1C5EB2;color: #FFF;}





.footbk{margin-top: 3rem;border-top: 1px solid #333333; background-color: #333333; padding-top: 2rem !important; padding-bottom:  5rem !important; /*box-shadow: 0px 0px 15px 10px rgba(102, 102, 102, 0.6) inset;*/}
.foot{text-align: center; line-height: 200%; color: #CCCCCC; }
.foot i{border-radius: 50%;  font-size: 1.3rem; height: 1.5rem; width: 1.5rem; line-height: 1.5rem;  border: solid 1px #CCCCCC;color: #CCCCCC;margin-top: 0.25rem;font-weight: bold;text-align: center;}
.foot span{color: #1C5EB2;font-size: 1.3rem;font-style: normal;font-family: "Comic Sans MS", cursive, sans-serif; margin-left: 0.2rem;}


.foot ul {margin-bottom: 6rem;}
.foot ul li{width: 12.5%; float: left;color: #CCCCCC;}
.foot ul li p{font-weight:bold;}
.foot ul li a{color: #CCCCCC;}
.foot ul li a:hover{color: #FFFFFF;}
/*************************首页元素CSS*****************************/




















/*--------inf--------*/
.inf{ width: 100%;padding: 0px 100px;box-sizing: border-box; margin: 15px auto 15px auto;}
.inf .tit{text-align: center;font-size: 32px;width: 100%;margin-bottom: 15px;margin-top: 49px; }
.inf .line{height: 57px;border-bottom: 1px solid #dcdcdd;margin-bottom: 32px;font-size: 16px;text-align: center; color: #999999;}
.inf .text{line-height: 33px;margin-bottom: 65px;text-indent: 2em;font-size: 17px; min-height: 400px;}
.inf .text p{margin-bottom: 25px !important;}
.inf .text p.headimg{max-width: 100%;text-align: center;display: block;}
.inf .text img{max-width: 780px !important;}

.inf .videocss{WIDTH: 90%; heigth: 35rem; margin: 0px; padding: 0px; }



.showtop,.showbottom{z-index: 99999999 !important; background-color: #333333;}
.showtop{height: 42px; line-height: 42px;}
.showtop li{float: left;}
.showtop li.one{width: 30%;}

.showtop li.three{width: 70%;text-align: right;color: #666666;}
.showtop li.three a{padding-right: 15px;color: #FFFFFF;}
.showtop li .ban{width: 100%;}
.showtop li .ban a{padding-left: 10px; padding-right: 10px;}
.showtop img{margin-top: 3px; height: 35px;}
.showbottom{top: 42px; background-color: #C11E23; position: absolute; width: 100%; bottom: 0;}

/*--------inf--------*/