/*!
 * public css V1.0
 * 02.2025
 * 
 */

/*** CSS 通用内容 ***/
html {  font-family: sans-serif;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; font-weight:normal;}
ul, ol { list-style-type: none;}em { font-style: normal}

body {color:#444;}
input,textarea { font: 14px Arial,Helvetica,sans-serif;line-height:30px; border:none;outline:none;}

a { color: #333; text-decoration: none;cursor: pointer;}
a:hover { color: #333;}

body, div{ line-height:26px; font-size: 16px}

/*********common area*************/
.g-c-area {margin:0px auto; position: relative}
.fl-left {float:left}
.fl-right {float:right}
.txt-c {text-align: center}
/**clear**/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*
*,
*:before,
*:after {  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;      box-sizing: border-box;}

/*******************/
.w1400 {width:1200px;margin:0 auto;border:0px solid #ccc}
.w1100 {background: #fff;width:1100px;overflow: hidden;margin:10px auto;}
.mb30 {margin-bottom: 30px}
.sp10 {font-size:1px;display:block; clear:both;overflow:hidden;height:10px;}

.gray {color:#aaaaaa}
/*******list*******/
.cm-ul-list {}
.cm-ul-list li { line-height: 38px;height:38px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;border-bottom:0px solid #ddd;}
.cm-ul-list li a {}

.cm-pic-list {}
.cm-pic-list li{width:30%; margin-bottom:20px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.cm-pic-list  img {width:100%;height:170px}
.cm-pic-list  p { overflow: hidden; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    -webkit-box-orient: vertical;}
.cm-pic-list li a { margin:10px 0 6px}

.cm-picrw-list {} 
.cm-picrw-list li {margin-bottom: 20px; position: relative;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} 
.cm-picrw-list li>a {  display: block; position: relative; margin-right:20px} 
.cm-picrw-list li>a img { width: 175px; height: 115px; display: block; position: absolute;top:0px;left:0px; z-index: 20 } 
.cm-picrw-list li p {margin-left:190px } 
.cm-picrw-list li a p, 
.cm-picrw-list li p { height: 115px; line-height: 29px;border-bottom: 1px solid #e9e9e9;overflow: hidden; }

.img-overw {position: relative;line-height: 0px; display: inline-block}
.img-overw img {width:100%;height:100%}
.img-overw p {position: absolute;  width: 100%; height: 50px;line-height: 58px; bottom: 0px; color: #fff;  
	padding: 0 8px;	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    box-sizing: border-box;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.pagenumb {padding:10px 0; text-align: center}
.pagenumb a {margin:0 10px; display: inline-block;width:12px;height:18px}
.pagenumb a img {width:100%;height:100%}
.pagenumb em {width:7px;height:7px; border-radius: 4px; background: #fff; display: inline-block;margin:5px 6px}
.pagenumb em.on {background: #fde47b}

.videobox {} 
.videobox li {position: relative}
 .videobox li a img { width: 100%;  height: 100%; } 
 .videobox li>a:before, .videobox a:before {
     content: '';  display: block;  width: 60px;  height: 60px;
     background: url("../images/i_play.png") no-repeat;
     background-size: 100%;   border-radius: 50%;
     position: absolute;
     left: 50%; top: 50%;  z-index: 10;margin-left:-30px;margin-top:-30px;
 }
.list-2col{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-2col li {width:47%;}
/* .list-3col li {float:left;width:32%;margin-right:1.3%;}
.list-4col li {float:left;width:22%;margin-left:1.5%;margin-right:1.5%;}
.list-5col li {float:left;width:18%;margin-right:2%} */

/*******/
.rollmumb {padding:10px 0; text-align: center;}
.rollmumb a {margin:0 10px; display: inline-block;width:12px;height:18px;}
.rollmumb a img {width:100%;height:100%}
.rollmumb em {width:7px;height:7px; border-radius: 4px; background: #ddd; display: inline-block;margin:5px 6px}
.rollmumb em.on {background: #b80c0c}
.rollmumb em.on2 {background: #ffec1c}

.pagemumb {padding:10px 0; text-align: center;color:#999999;font-size: 12px;}
.pagemumb a {margin:0 10px; display: inline-block;width:16px;background: #eee;padding:0px 6px;font-size: 14px;line-height: 28px}
.pagemumb a:hover {background: #aeaeae}
.pagemumb em {width:15px;height:15px; display: inline-block;margin:5px 8px;font-size: 16px;font-weight: bold}

/*****/
.mobileh5-box { position: relative;margin:0 auto}
.mobileh5-box ul{width:90%;margin:0 auto}
.mobileh5-box li {width:33%;position: relative;padding:0px;line-height: 0;float:left;}
.mobileh5-box li a{width:286px;height:510px;display: block;margin:00px auto;padding-top:40px; text-align: center;background: url("../images/mobileh5-bg.png") no-repeat 0 0 ; }
.mobileh5-box li img {width:250px;border-radius: 0px;border: 0px solid #fff;}
.mobileh5-box li .mobileh5-box-bg {position: absolute;width:260px;background: #153a85;height:480px;top:7px;z-index: 20;border-radius: 30px;opacity: 0;filter:alpha(opacity=0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;border: 6px solid #153a85;left: 50%;margin-left:-135px}
.mobileh5-box li .info h3 {color:#fff; font-size: 24px;position: absolute;z-index: 30;top:400px;opacity: 0;filter:alpha(opacity=0); width:220px;left:50%;margin-left:-110px; line-height: 34px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.mobileh5-box li .info {display: nodne;width:260px;margin:0 auto;overflow: hidden}
.mobileh5-box li:hover .mobileh5-box-bg {opacity: 0.95;filter:alpha(opacity=0.95); }
.mobileh5-box li:hover .info h3{top:200px;opacity: 1;filter:alpha(opacity=1); }

.mobileh5-box .arrow-left { position: absolute;top:320px;left:10px;z-index: 5}
.mobileh5-box .arrow-right { position: absolute;top:320px;right:50px;z-index: 5}

/****form****/
.formbox {}
.form-inp {background-color:#efefef; border:0px;outline:none;padding:5px 10px}
.formbox input.inpcheck {margin-right:8px; vertical-align:middle; display:inline-block}

/******* copyright  *****/
.footcopyright { padding:20px 0 30px;text-align:center; color:#666;font-size: 14px;}
.footcopyright p {line-height: 26px}

/*********common end***********/

/* 分享 */
.fx_new{float:left; text-align:left;}
.bshare-custom a:link {color:#fff;}
.bshare-custom a:visited {color: #fff;}
.bshare-custom a:hover {color: #fff;}
.bais{color:#fff;}
.bshare-custom #bshare-shareto {color: #fff !important;}
.fx_bot {bottom:0;}

/*导航*/


/*背景*/
/*.sc_top{ background: url("../images/top.jpg") no-repeat top;height:720px; background-size: cover}
@media screen and (max-width:1920px) { 
}*/

body {background:#fff   }

.fl_left {float:left}
.fl_right {float:right}

.rollleft ,.rollright {margin:0 5px}
.cm-pic-list {width:98%;margin: auto}
.cm-ul-list li {border-bottom:1px dashed #dddddd;margin-top:6px;border-radius: 2px;}
.cm-ul-list li a{ background:url("../images/dot.png") no-repeat 0 center;padding-left:12px;background-size:6px 6px;margin-left:8px}
.cm-ul-list li:hover {border-bottom:1px solid #d6f5fd;background: #d6f5fd;border-radius: 20px;}

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

}


/*栏目*/
.sc-title {height:115px; text-align: center; }
.sc-title h2 {font-size: 28px;}

/******* 底部 *****/

.footcopyright{width:100%;}
.copyright{	width:100%;padding:20px 0 30px 0;}
.copyright p{font-size:12px;	color:#a4bcf3;text-align: center;}


.sc-col {padding:10px;}
.more {text-align: center;}
.more a {margin:0 20px;}
/***/

/***** 通用内容 结束***/

/***** 页面宽度 *****/
/********/
.cm-area { width:102%}
.cm-col{background: #f8f3e7; float: left;margin-right:2%}
.cm-2col .cm-col {width:48%;}
.cm-3col .cm-col {width:31.33%;}
.cm-4col .cm-col {width:23%;}

/*******/

/******/
/********************************/

.sc-bartitle {width:800px;height:auto;margin:00px auto 00px;position: relative;text-align: center;top:00px;padding-top:20px;}
.sc-bartitle img {width:85%}

.g-c-area {width:1100px;position: relative}
.g-c-area  .bd{padding:0 0px}


.wbg {background: url("../images/bg1.jpg") repeat center 1000px; }

/** nav***/
.g-c-100 {width:100%; position: relative;height:calc(100vh)}
.g-c-main {width:72%;margin:00px auto 0;padding-top:250px;}
.g-c-main2 {width:1400px;position: absolute;top:50%;left:50%;height:660px;margin-top:-330px;margin-left:-700px}

/* .sc-m {padding:20px 30px} */

.arrow-left { position: absolute;bottom:-15px;left:190px;z-index: 35}
.arrow-right { position: absolute;bottom:-15px;right:120px;z-index: 35}

.arrow-up {position: absolute;top:-30px;left:45%;z-index: 5;cursor: pointer;}
.arrow-down {position: absolute;bottom:-30px;left:45%;z-index: 5;cursor: pointer;}

/* .sctop { line-height: 0px;background:#fff   url("../images/toppic.jpg") no-repeat center 0px;position: relative;} */

.sctop-c {line-height: 0px}
.sctop-c img,.phsctop-c img {width:100%;height:100%}
.phsctop-c{display: none;}
@media screen and (max-width:1920px) { 

}

a.more {height:45px;line-height: 45px; text-align: center ;margin:20px auto 10px;display: block;width:700px;border-radius: 10px;color:#999;}
a.more:hover {background: #fff;color:#777;font-weight: bold}
/********/
.topnews h2  {font-size: 36px;font-weight: bold; text-align: center;margin-bottom: 0px; line-height: 100px}
.topnews h2 a{color:#8f1023;}

.topnewsc {background: #f7d2b0;border-bottom:25px solid #cda076;width:1920px;margin:0 auto}
@media screen and (max-width:1920px) { 
.topnewsc {width:100%;}
}

/**********/

.rooldot {text-align: center;line-height: 30px}
.rooldot em{display: inline-block;width:10px;height:10px;border-radius: 50%;background: #eb2d1c;margin:20px 8px;}
.rooldot em.on {background:  url("../images/dotd.png") no-repeat center center;width:30px;height:30px;border-radius: 0;margin:10px;}

.sc-m1 {padding:0 50px;margin-top:20px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.listBox{position: relative;background: #f8f2ee;padding: 30px 0;}
.leftImgbOX{width:600px;z-index: 10;}
.leftImgbOX img {width:100%;height: 366px;}
.sc1list {width:340px;padding-top:10px;z-index: 10;padding:0px 30px;height: 225px;}

/* 多行省略 */
.sc1list li a,.sc2 .cm-pic-list li p,.cm-sc3list li p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}

.sc1list li {height:58px;padding:0 12px;border:0px;border-bottom: 1px dashed #c294a6;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;position: relative ;}
.sc1list li a {-webkit-line-clamp: 2;}
.sc1list li:hover {background: #e9b5c9;background:#e9b5c9 url("../images/dot3.gif") no-repeat 0 center;border-radius: 0;border:0}
.sc1list li:hover a {background: url(" ") }
.sc1list li.on {background: #fff;}
.sc1list li.on:hover {background:#fff url("../images/dot3.gif") no-repeat 0 center;}
.sc1list li.on  a {background: url(" ");font-weight: bold;color:#4737ad}
.sc1list .swiper-slide-active{    background: #fff;}
.sc1list .swiper-slide-active a{    font-weight: bold;  color: #4737ad;}
/* .sc1 .fl-right .arrow-up {top:-20px;bottom:auto;left:50%;margin-left:0px;height:30px} */
/* .sc1 .fl-right .arrow-down {bottom:-40px;top:auto;left:50%;margin-top:0px;height:30px;} */

/********/
.sc2 .cm-pic-list {padding-bottom:0px}
.sc2 .cm-pic-list li {background:#fff url("../images/itembg.png") no-repeat 0 bottom;height: 266px;}
.sc2 .cm-pic-list li img{height:190px}
.sc2 .cm-pic-list li p {height:60px;padding:0px 8px;-webkit-line-clamp: 2;}
.g-c-area1200{width: 1200px;margin: 20px auto;position: relative;}
.sc2 .txt-c {margin-bottom:20px}
.bannersc2{height: 600px;}
/*.sc2 .cm-pic-list li:hover {background:#efe8f6 }*/
.sc2 .arrow-left {left:-50px;bottom:auto;top:50%;margin-top:0px;height:72px;cursor: pointer;}
.sc2 .arrow-right {right:-50px;bottom:auto;top:50%;margin-top:0px;height:72px;cursor: pointer;}

.sc3 {margin-bottom:20px}

/********/
.cm-sc3list {width: 88%;margin: 30px auto;padding-bottom: 50px;}
.cm-sc3list .swiper-pagination-bullet{background-color: #9f60e4;}
.cm-sc3list li {background: #e8eef7; border-radius: 10px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;position: relative ;padding-bottom: 30px;}
.cm-sc3list li img {border-top-left-radius:10px;border-top-right-radius:10px;}
.cm-sc3list li p {padding:5px 15px 0px 15px; text-align: left;word-break: break-all;-webkit-line-clamp: 2;line-height: 30px;height:60px;}
.cm-sc3list li span {background: url("../images/en-a-2.png") no-repeat center 0;background-size: 40px 40px; position: absolute;bottom:-25px; right: 20px; z-index: 20;display: inline-block;width:44px;height:44px;}
.cm-sc3list li:hover {box-shadow:0px 30px 30px -30px #000;}
.cm-sc3list li:hover span{background: url("../images/en-a-2.png") no-repeat center 0;background-size: 40px 40px; }


.sc-m4 {padding:0;line-height: 0; text-align: center}
.sc-m4 img {width:100%}

.footcopyright {background: #6b4ab0 ;padding:40px 0 ;color:#fff}


.picBanner li img {width: 100%;display: block;}

.picBanner li {position: relative;}

.picBanner li p {position: absolute;width: 90%;line-height: 65px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.5);font-size: 16px;bottom: 0;	padding: 0 5%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: none;}

.picBanner .swiper-slide {width: 50%;transition-timing-function: linear;position: relative;}

.picBanner li::before {content: "";	width: 100%;	height: 100%;z-index: 9;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;}

.picBanner .swiper-slide-active::before {display: none !important;}

.picBanner .swiper-slide-active p {display: block;}
.picRight,.picLeft{position: absolute;top: 45%;cursor: pointer;z-index: 99;}
.picRight img,.picLeft img{width:40px;}
.picRight{right: 20%;}
.picLeft{left: 20%;}
.picBanner {margin-top: 50px;}




/* 手机版样式 */
@media screen and (max-width:760px) {
	.sctop-c{display: none;}
	.phsctop-c{display: block;}
	.g-c-area,.sc-bartitle,.sc-bartitle img,.g-c-area1200,.list-2col li{width: 100%!important;}
	.leftImgbOX img,.cm-pic-list  img{height: auto!important;}
	.sc-m1{padding: 0;}
	.sc1list{width: 95%;padding: 0 2.5%;}
	.cm-pic-list,.list-2col{width: 95%;margin: 1rem auto;}
	.sc1list li{padding: 0;}
	.sc1list li a{padding: 0 0.3rem;}
	.arrow-up{top: auto;bottom: -2.5rem;left: 40%;}
	.arrow-down{bottom: -2.5rem;left: 60%;}
	.arrow-left,.arrow-right{position: initial;}
	.changeBox{width: 60%;margin: 0.5rem auto;display: flex;justify-content: space-around;}
	.changeBox img,.picRight img, .picLeft img{width: 1.5rem;}
	.picBanner li p{line-height: 1.5rem;}
	.picBanner{margin: 1rem auto;}
	.picRight, .picLeft{top: 40%;}
	.picRight{right: 0;}
	.picLeft{left: 0;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}