/*--公共部分--*/

* { margin:0; padding:0; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html {font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',

Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; word-spacing: 1px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box;}

body{font-family:"Microsoft Yahei","Helvetica Neue", Helvetica, sans-serif; font-size:62.5%; color:#282828; line-height:2.5; background:#fff;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

img{border:0;}

ul,li{ list-style:none;}

em,i{ font-style:normal;}

a {

text-decoration:none; color:#282828; outline:none;

-moz-transition: background-color 0.2s ease-out, color 0.1s ease-out;

-webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out;

-ms-transition: background-color 0.2s ease-out, color 0.1s ease-out;

transition: background-color 0.2s ease-out, color 0.1s ease-out;

}

a:hover{ background-repeat:no-repeat; color:#f00; text-decoration:none;}

.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix{clear:both; *zoom:1;}

input,button,select,textarea{font-family:"Microsoft Yahei"; outline:none; border:none; border-radius:0;}

.pull-left { float: left; }

.pull-right { float: right; }

.ovh { overflow: hidden; }

.por { position: relative; }

.poa { position: absolute; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.img-enlarge{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;}

.img-enlarge:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}

.percentBlock { display: block; width: 100%; height: 100%; }





.w1300 { width: 1300px; margin: 0 auto;}

.f16 { font-size: 16px;}

.mgb15 { margin-bottom: 15px;}

.w490 { width: 490px;}

.w635 { width: 635px;}

.w450 { width: 450px;line-height:40px;}



.dpb { display: block;}

.banner { height: 450px; background: url(banner_pc.jpg) no-repeat center top; background-size: auto 100%;}

.banner img { display: none;}



.sitenav { height: 80px; font-size: 24px; font-weight: bold; text-align: center; background: #c80215; margin-bottom: 15px;}

.sitenav ul { display: flex; justify-content: space-around;}

.sitenav li a { color: #fff; padding: 0 30px; display: block; line-height: 80px;}

.sitenav li a:hover { background: #83020e;}

.headerLine { height: 120px; /*background: #f1f1f1;*/ line-height: 1.25; font-size: 36px; display: flex; justify-content: center; align-items: center; font-weight: bold; padding: 0 30px; margin-bottom: 15px;}

.headerLine a { color: #9f0110;text-align: center;}



.swiper-t-left { width: 695px; height: 405px; overflow: hidden; float: left; background-color: #fff; margin-bottom: 15px;}

.swiper-t-left .swiper-slide { position: relative;}

.swiper-slide img { width: 100%; height: 100%;}

.swiper-slide p { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; font-size: 18px; background: rgba(0,0,0,0.5); padding: 0 20px; color: #fff; }

.swiper-pagination { text-align: right; padding-right: 20px; left: auto!important; bottom:10px!important; box-sizing: border-box; }

.swiper-pagination span { width: 10px; height: 10px; border-radius: 10px;}

.swiper-pagination-bullet { background-color: #fff; opacity: 1;}

.swiper-pagination-bullet-active { background-color: #C90D31; opacity: 1;}

.swiper-button-next,.swiper-button-prev { width: 30px; height: 50px; margin-top: -25px;}

.swiper-button-next::after,.swiper-button-prev::after { display: none;}

.swiper-button-prev{ background: rgba(0,0,0,.5) url(left-ico2.png) no-repeat center center; left:5px;}

.swiper-button-next { background: rgba(0,0,0,.5) url(right-ico2.png) no-repeat center center; right: 5px;}



.topNews { float: right; width: 565px; height: 405px; margin-bottom: 15px;}

.newsTitle_o { height: 45px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}

.newsTitle_o a { float: right; line-height: 45px; font-size: 16px; color: #a2a3a5;}

.newsTitle_o h2 { color: #c80215; font-size: 24px; line-height: 41px; border-bottom: 4px solid #c80215; display: inline-block; padding: 0 10px;}

.other_T { background: #f6f5f5; border: none; padding-right: 10px;}

.other_T h2 { border: none; font-size: 22px; line-height: 43px; position: relative; padding-left: 15px;}

.other_T h2::before { content: ''; width: 4px; height: 20px; background: #d4414f; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}





.newsList { line-height: 42px;}

.newsList li { position: relative; padding-left: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.newsList li span { float: right; font-size: 13px; color: #999;}

.newsList li::before { width: 6px; height: 6px; background: #ccc; border-radius: 10px; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.lh36 { line-height: 36px;}



.adpic { margin-bottom: 15px; /*border-radius: 15px;*/}

.adpic img {  display: block;}



.leaderBox { float: left; width: 245px; height: 500px; margin-bottom: 15px;}

.peoBox { background: #F7F7F7 url(hb_bg.png) no-repeat center top; height: 340px; padding: 145px 15px 15px; overflow: hidden; font-size: 18px; margin-bottom: 10px;}

.peoBox dl { width: 100%; overflow: hidden; clear: both; display: block; line-height: 2;}

.peoBox dt { float: left; width: 75px; color: #757474;}

.peoBox dd { display: flex; flex-wrap: wrap;}

.peoBox dd a { flex: 0 0 50%;}

.adpic02 { height: 90px;}



.bigNewsBox { float: right; width: 1035px; height: 500px; margin-bottom: 15px;}



.qtLink { background: #F1EFEF; padding: 15px; display: flex; justify-content: space-between; margin: 15px auto 30px;}

.qtLink h3 {writing-mode: vertical-lr; font-size: 22px; letter-spacing: 2px; flex: 0 0 50px; line-height: 1.25; text-align: center;width: 5px;}

.qtLink .item { display: flex; /*align-items: center;*/}

.qtLink .item ul { display: flex; width: 740px}

.qtLink .item li { flex: 0 0 320px; height: 135px; background: #fff; margin-right: 10px; font-size: 18px; line-height: 1.25; font-weight: 400;}

.qtLink .item li a { display: flex; justify-content: center; align-items: center; height: 140px; color: #333; }

.qtLink .item li a:hover  { background: #fc8b96; color: #691005;}

.qtLink .item li span { flex: 0 0 40px; height: 40px; margin-right: 10px;}



.contactUs { border: 1px solid #ccc; line-height: 1.5; margin-bottom: 30px; font-size: 14px; text-align: center; padding: 15px 0;}

.contactUs b { font-weight: bold; font-size: 18px; padding-right: 20px; position: relative; margin-right: 30px;}

.contactUs b::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }



.partner { background: #f7f7f7; padding: 25px 0;}

.ptnWrap { display: flex; justify-content: space-around;}

.ptnWrap select { width: 230px; height: 43px; border: 1px solid #eee; border-radius: 5px; background-color: #fff; font-size: 15px; color: #3a3a3a; padding: 0 5px;}



.footer { background: #C80214;}

.rend-footcon { width: 100%; height: 140px; display: flex; justify-content: space-between; align-items: center;}

.foot-icon1 { overflow: hidden;}

.foot-icon1 img { display: block; height: 63px;}

.foot-menu1 { width: 295px; height: 63px;}

.foot-menu1 a { display: block; width: 50%; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 63px;}

.foot-txt1 { overflow: hidden; flex: 0 0 300px;}

.foot-txt1 p { font-size: 14px; color: #fff; line-height: 2.143; margin: 0px;}

.foot-txt1 p a { color: #fff;}

.foot-txt1 p img { display: block; float: left; width: 18px; height: 20px; margin-top: 5px; margin-right: 5px;}

.foot-icon2 { overflow: hidden;}

.foot-icon2 img { display: block; width: 185px; height: 48px;}

.footer02 { font-size: 14px; text-align: center; line-height: 30px; color: #fff; padding-bottom: 15px;}



/* subpage */

.page-ldiv { width: 1000px; float: left; overflow: hidden; font-size: 18px; margin-bottom: 30px;}

.page-rdiv { width: 270px; float: left; overflow: hidden; margin-left: 30px;}

.ggbt-div { width: 100%; height: 40px; overflow: hidden; background-color: #f6f5f5;}

.ggbt-div span { display: block; float: left; font-size: 16px; color: #282828; line-height: 20px; margin-top: 10px; border-left: #4a9edf solid 3px; padding-left: 15px}

.ggbt-div a { float: right; font-size: 14px; color: #787878; line-height: 40px; margin-right: 10px;}

.ggbt-div a:hover { color: #c80215;}

.page-tpxw { padding: 0 15px; margin-bottom: 15px;}

.page-tpxw img { display: block; width: 100%; height:auto; margin-bottom:10px;}

.page-tpxw p { width: 100%; font-size: 14px; text-align: center; line-height: 22px;}

.page-list1 { width: 100%; overflow: hidden; margin-bottom: 15px;}

.page-list1 ul { padding: 0 10px; margin-bottom: 15px;}

.page-list1 ul li { width: 100%; overflow: hidden; font-size: 18px; color: #999999; line-height: 30px; white-space: nowrap; text-overflow: ellipsis;}

.page-list1 ul li a { color: #454545; font-size: 14px;}

.page-list1 ul li a:hover { color: #c80215;}



.page-map { width: 100%; height: 47px; overflow: hidden; border-bottom: #c80215 solid 2px; box-sizing: border-box;}

.page-map span { display: block; float: left; font-size: 15px; color: #c80215; line-height: 47px; background-image: url("map-icon1.png"); background-repeat: no-repeat; background-position: left 16px; padding-left: 20px;}

.page-map ul { float: left; padding: 0px; margin: 0px;}

.page-map ul li { float: left; font-size: 14px; color: #999999; margin: 0px 5px; line-height: 47px;}

.page-map ul li a { color: #454545; font-size: 15px;}

.page-map ul li a:hover { color: #c80215;}

.txtlist-con { overflow: hidden; margin-top: 15px; padding-bottom: 20px; border-bottom: #c80215 solid 2px; box-sizing: border-box;}

.txtlist-con ul { padding: 0px; margin: 0px;}

.txtlist-con ul li { line-height: 52px; overflow: hidden;}

.txtlist-con ul li a { display: block; width: 90%; float: left; background-image:url(licon1.png); background-repeat:no-repeat; background-position:5px 23px; text-indent:20px; font-size:18px; white-space: nowrap; text-overflow: ellipsis; color: #282828;}

.txtlist-con ul li a:hover { color: #c80215;}

.txtlist-con ul li span { display: block; float: right; font-size: 14px; color: #999999;}



.page-fy {padding: 10px;font-size: 16px; line-height: 35px; overflow: hidden; box-sizing: border-box; padding: 15px 0px; text-align: center;}

.page-fy a,.page-fy a.a1,.page-fy span {padding: 3px 5px;border: 1px solid #ededed;border-radius: 3px;color: #a5a5a5;margin-right: 5px;}

.page-fy a.a1 {}

.page-fy span {border-color: #c80215;background-color: #c80215;color: #fff;}

.page-fy a:hover {border-color: #c80215;color: #c80215;}



.content-div { overflow: hidden; box-sizing: border-box; }

.content-div h1 { font-size: 24px; color: #000; text-align: center; line-height: 40px; padding: 30px 100px 20px 100px;}

.content-div .content-info { width: 86.66%; height: 40px; margin: 0px auto 40px auto; background-color: #f6f6f6; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center;}

.content-div .content-info span { font-size: 15px; color: #787878;}

.content-div p { font-size: 16px; color: #282828; line-height: 1.813; padding: 0px 100px; margin: 20px 0px 0px 0px;}

.content-div p img { display: block; width: 66%; height: auto; margin: 0px auto;}

.content-div table { width: 90%; margin: 0px auto;}
.content-div table td { font-size: 15px; line-height: 24px; white-space: inherit !important; word-break: break-all;}

.imglist-con { overflow: hidden; margin-top: 30px; padding-bottom: 20px; border-bottom: #c80215 solid 2px; box-sizing: border-box; }

.imglist-con ul { overflow: hidden; padding: 0px; margin: 0px -20px;}

.imglist-con ul li { box-sizing: border-box; width: 25%; float: left; padding: 0px 20px;}

.imglist-con ul li a { display: block; width: 100%;}

.imglist-con ul li a img { display: block; width: 100%; height: 140px;}

.imglist-con ul li a p { font-size: 16px; color: #454545; text-align: center; line-height: 32px; margin: 10px 0px 20px 0px;}





.imglist-con1 { overflow: hidden; margin-top: 30px; padding-bottom: 20px; border-bottom: #c80215 solid 2px; box-sizing: border-box; }

.imglist-con1 ul { overflow: hidden; padding: 0px; margin: 0px -20px;}

.imglist-con1 ul li { box-sizing: border-box; width: 20%; float: left; padding: 0px 20px;}

.imglist-con1 ul li a { display: block; width: 100%;}

.imglist-con1 ul li a img { display: block; width: 100%; height: 220px;box-shadow: 0 10px 7px 0 rgba(168,182,191,.6);}

.imglist-con1 ul li a p { font-size: 16px; color: #454545; text-align: center; line-height: 32px; margin: 10px 0px 20px 0px;}



@media screen and (max-width: 843px) {

.w1300 { width: 100%;}

.hidden-xs { display: none;}

.pdlr15 { padding: 0 15px;}

.w490,.w635,.w450 { width: 100%;}

.pull-left,.pull-right { float: none;}

.banner { height: auto; background: none;}

.banner img { display: block; width: 100%; height: auto;}



.sitenav { width: 100%; height: auto; font-size: 15px;}

.sitenav ul { width: 100%; flex-wrap: wrap;}

.sitenav li { flex: 0 0 33.3%; border-bottom: 1px solid #df544f; border-right: 1px solid #df544f;}

.sitenav li:nth-last-child(-n+3) { border-bottom: none;}

.sitenav li:nth-of-type(3),.sitenav li:nth-of-type(6) { border-right: none;}

.sitenav li a { padding: 0; line-height:40px;}



.headerLine { height: auto; font-size: 22px; padding: 15px;}

.headerLine a { color: #9f0110;text-align: center;}



.swiper-t-left { width: 100%; height: 220px; float: none; margin-bottom: 15px;}

.swiper-slide p { font-size: 15px; padding-left: 10px;}



.topNews { float: none; width: 100%; height: auto;}

.newsTitle_o { height: 40px; margin-bottom: 10px;}

.newsTitle_o a { line-height: 40px; font-size: 14px;}

.newsTitle_o h2 { font-size: 20px; line-height: 37px;}



.newsList { line-height: 35px;}

.f16 { font-size: 15px;}

.newsList li { padding-left: 15px;}

.newsList li span { display: none;}



.at_wh{float: none; width: 100%; height: auto;}

.leaderBox {float: none; width: 100%; height: auto;}

.peoBox {background-position: left center; height: auto; padding: 15px 15px 15px 150px; font-size: 16px; margin-bottom: 0; background-size: auto 60%;}

.peoBox dl {width: 100%; clear: both; display: block; line-height: 1.7;}

.peoBox dt {float: left; width: 75px; color: #757474;}

.peoBox dd {display: flex; flex-wrap: wrap;}

.peoBox dd a {flex: 0 0 50%;}

.adpic02 {height: 90px;}

.contactUs {font-size: 13px; padding: 10px;}

.contactUs b {font-size: 17px; padding-right: 0; margin: 0 10px 5px; display: block;}

.contactUs b::after {display: none;}

.rend-footcon { width: 100%; height: auto; justify-content: center; text-align: center; padding-top: 10px;}



.page-ldiv,.page-rdiv { width:100%; float: none; overflow: hidden; margin: 0 0 15px;}

.txtlist-con ul li { border-bottom: #ededed dashed 1px; padding: 10px 0;}

.txtlist-con ul li a {width: 100%;white-space: break-spaces; line-height: 1.5;text-indent:0px;padding-left:20px;box-sizing:border-box;background-position: 5px 13px;font-size: 16px;}

.txtlist-con ul li span { float: left; margin-top: 0; margin-left: 20px; font-size: 12px; line-height: 25px;}

.imglist-con { padding-bottom: 0;}

.imglist-con ul li { width: 50%; padding: 0px 10px; margin-bottom: 10px;}

.imglist-con ul li a p { font-size: 14px; margin: 0;}

.imglist-con ul li a img { height: 120px;}

    

.imglist-con1 { padding-bottom: 0;}

.imglist-con1 ul li { width: 50%; padding: 0px 10px; margin-bottom: 10px;}

.imglist-con1 ul li a p { font-size: 14px; margin: 0;}

.imglist-con1 ul li a img { height: 220px;}

    

.content-div h1 {padding: 10px 0px; font-size: 20px; line-height: 30px; font-weight: bold;}

.content-div .content-info {width: 100%; flex-direction: column; height: auto; line-height: 24px; padding: 5px 0px;}

.content-div p {padding: 0px 0px;}

.content-div p img { width: 100% !important; height: auto!important;}

}



@media screen and (max-width:719px) {

.peoBox dd a {flex: 0 0 33.33%;}

.peoBox { background: #F7F7F7 url() no-repeat center top; height: 340px;padding: 145px 15px 15px;overflow: hidden;font-size: 18px;margin-bottom: 10px;}

.peoBox {background-position: left center;height: auto;padding: 15px 15px 15px 15px;font-size: 16px;margin-bottom: 0;background-size: auto 50%;}

}

