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

/*** 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:24px; font-size: 14px}

/*********common area*************/
.g-c-area {margin:0px auto; position: relative;width:1200px}
.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;}

/*******************/
.w1440 {width:1100px;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: 40px;height:40px;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 li{ margin-bottom:30px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;margin-top: 0!important;height: 279px;padding-bottom: 10px;}
.cm-pic-list li img {width:100%;height: 209px;}
.cm-pic-list p { overflow: hidden;font-size: 16px;  text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;padding: 0 5px;}
.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,.rightImg 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;}


.pagemumb {padding:10px 0; text-align: center;color:#999999;font-size: 14px;margin:30px 0}
.pagemumb a {margin:0 10px; display: inline-block;min-width:16px;background: #f3f3f3;padding:6px 12px;font-size: 14px;line-height: 28px;border-radius: 4px;}
.pagemumb a:hover {background: #85d4f5}
.pagemumb em {width:15px;height:15px; display: inline-block;margin:5px 8px;font-size: 16px;font-weight: bold}
.pagemumb a.on {background: #85d4f5 }

.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: 0; top: 50%;  z-index: 10;margin-left:30px;margin-top:-10px;
 }

.list-2col li {float:left;width:47%;margin-right:3%;}
.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%}


/*****/
.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:50px 0 40px;text-align:center; 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 { }

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

.rollleft ,.rollright {margin:0 5px}
.cm-pic-list {width:100%;margin: auto;position: relative;}
.cm-ul-list li {border-bottom:1px dashed #91bdcc;margin-top:3px;border-radius: 2px; }
.cm-ul-list li a{ background:url("../images/dot.png") no-repeat 0 6px;padding-left:20px;background-size:12px 12px;margin-left:8px}
.cm-ul-list li:hover {border-bottom:1px solid #c4ecf9;background: #c4ecf9;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%;color:#9b9dd7;}
.copyright{	width:100%;padding:30px 0 30px 0;}
.copyright p{font-size:12px;color:#6c8e50;text-align: center;}


.sc-col {padding:10px;}
.more {padding:0px 0;margin:0px 0 0 ;text-align: center}
.more a {margin:0 10px;width:25px;height:25px;display: inline-block}
/***/

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

/***** 页面宽度 *****/
/********/
.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:20%;}

/*******/

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

.sc-bartitle {width:900px;height:90px;margin:00px auto 10px;position: relative;text-align: center;}
.sc-bartitle img{width:100%}

.g-c-area  .bd{padding:0 20px}

/** 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}
.arrow-left { position: absolute;top:226px;left:15px;z-index: 35}
.arrow-right { position: absolute;top:226px;right:15px;z-index: 35}
.arrow-up {position: absolute;top:0;left:10px;z-index: 5}
.arrow-down {position: absolute;top:140px;left:10px;z-index: 5}

.sctop {text-align: center; line-height: 0px;position: relative;background:#0032bc url("../images/top.jpg") center -20px no-repeat;height:700px;border-bottom:6px solid #0234c0;margin-bottom:50px}

/* .sctop-c {height:380px;} */
.sctop-c,.sctop-c img,.phoneTop,.phoneTop img{width: 100%;}
.phoneTop{display: none;}
@media screen and (max-width:1920px) { 

}

a.more2 {height:45px;line-height: 45px; text-align: center ;margin:20px auto 10px;display: block;width:700px;border-radius: 10px;color:#999}
a.more2:hover {background: #fff;color:#777;font-weight: bold}
/********/

.g-c-goblack ,.g-c-gonext {position: absolute;bottom:0px;z-index: 200;line-height: 0px}
.g-c-goblack {left:0px;}.g-c-gonext {right:0px;}
.g-c-goblack img ,.g-c-gonext img {width:280px}

.g-c-main .bd {position: relative;padding-top:10px;}
.g-c-main .bd h2{font-size: 90px;font-weight: bold;line-height: 100px;margin-bottom:20px}
.g-c-main .bd  .bxcol {color:#fff;margin:5px 0;font-size: 22px;width:700px;line-height: 36px}
.g-c-main .bd  .name {margin:40px 0 40px;font-size: 32px;font-weight: bold}
 .titledot {position: absolute;top:75px;left:-100px;z-index: 10;background: url("../images/title_dot.png") no-repeat 0 0px;width:70px;height:30px}
.benxvpic {width:210px;padding:1px;margin-right:40px;}

.cm-pic-list li p {transition:all 0.2s linear; -webkit-transition:all 0.2s linear;line-height: 30px;}
.cm-pic-list li:hover  {background: #c3c8f5;}
/* .cm-pic-list li:hover p {padding: 0 15px 15px} */

.cm-4col li {width:22%;margin:0 1.5%;line-height: 24px;}
.cm-4col li p,.bannerSc3 li p{font-size: 14px;font-style: italic}
.cm-4col li:hover  {background: #f3f3f3;padding:0px}
/***********/

/* sc1 */
.sc1{width: 1140px;background: url(../images/sc2bg.jpg)no-repeat left 20px;margin: 30px auto;padding: 60px 30px 30px;min-height: 450px;background-size: 100%; position: relative;}
.infoText{width: 350px;margin-top: 30px;margin-left: 30px;color:#fff;font-size:16px;line-height: 30px;-webkit-line-clamp: 9;}
.bannerSc1,.bannerSc1 li video{width: 660px;}
.content-sc1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bannerSc1{margin-top: 50px;margin-left: 90px;}
.Leftsc1,.Rightsc1{position: absolute;bottom: -15px;cursor: pointer;}
.Rightsc1{right: 45%;}
.Leftsc1{left: 47%;}
.sc1 .sc-bartitle{display: none;}
.infoText a{display: block;padding-left: 35px;background: url(../images/arrow-r.png)no-repeat left center;margin-top: 30px;}
/* 多行省略 */
.infoText p,.leftBox p,.sc4list li p{display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;word-break: break-all;overflow: hidden;}


/* sc3 */
.sc3 {background: url("../images/sc3bg.jpg") center 0 no-repeat;margin: 50px auto;}
.textsc3{width: 1170px;margin: auto;background-color: #fff;padding: 30px 0 60px 30px;display: flex;justify-content: space-between;}
.leftBox{width: 350px;}
.mores {background: url("../images/arrow-r.png") no-repeat 0 2px;background-size: 20px 20px; padding-left:28px;color:#524386;font-weight: bold;font-size: 16px;vertical-align: middle;font-style: italic;line-height: 24px;height:30px;margin-top:20px;display: inline-block}
.leftBox h3 {font-size: 22px;font-weight: bold;margin-bottom:30px;line-height: 26px}
.leftBox p {color:#999;height:240px;-webkit-line-clamp: 8;line-height: 30px;}
.rightImg,.rightImg img{width: 700px;}
.rightImg{position: relative;}
.bannerSc3{width: 1200px;margin: 30px auto;padding-bottom: 50px;}
.bannerSc3 li img{width: 100%;}
.Leftsc3,.Rightsc3{position: absolute;bottom: -5px;cursor: pointer;}
.Leftsc3{left: 47%;}
.Rightsc3{right: 47%;}





.sc4list {width:1030px;margin:0 auto;height: 850px;position: relative;padding-bottom: 30px;}
.Leftsc4,.Rightsc4{position: absolute;bottom: 15px;cursor: pointer;z-index: 99;}
.Leftsc4{left: 47%;}
.Rightsc4{right: 47%;}
.sc4list li:nth-child(odd) {background: url("../images/manlistbg.png") no-repeat 65px 0;height:240px;width:1020px;margin-bottom:20px;}
.sc4list li:nth-child(even) {background: url("../images/manlistbg2.png") no-repeat 0 0;height:240px;width:100%;margin-bottom:20px;}
.sc4list li .tpic{width:180px;border-radius: 50%;float:left;margin-right:30px}
.sc4list li .tpic img {width:100%}
.sc4list li .fl-left {width:800px;padding-top:18px}
.sc4list li h3 {font-size:24px;font-weight: bold}
.sc4list li h3 span {font-size:14px}
.sc4list li p {-webkit-line-clamp: 3;}
.sc4list li .mancol {margin-bottom:20px;color:#fff;width:350px}
.sc4list li .mancol2 {padding-top:20px;margin-right:50px}

.sc4list li:nth-child(even) .tpic{width:180px;border-radius: 50%;float:right;margin-right:0px}
.sc4list li:nth-child(even) .mancol {margin-left:480px}
.sc4list li:nth-child(even) .mancol2 {margin-left:50px;margin-right:0px}

.sc5 {background: url("../images/bg2.jpg") 0 0 no-repeat;}
.cm-pic-list{height: 670px;padding-bottom: 30px;}
.Leftsc5,.Rightsc5{position: absolute;cursor: pointer;bottom: 0;}
.Leftsc5{left: 47%;}
.Rightsc5{right: 47%;}
/*********/
.mbar6 {background: url("../images/sc6nav.png") no-repeat center 0; text-align: center;color:#fff;font-weight: bold;font-size: 20px;height:38px;padding-top:8px;margin-bottom:30px}

.footcopyright {background: url("../images/footbg.jpg") no-repeat center bottom; padding-top:30px;margin-top:20px;height:120px}


/****************
views
*************/
.vmain {background: #fff;border-radius: 50px;margin:0 auto;box-shadow: 0 0 10px 10px rgba(0,0,0,0.05)}

.view-main-cont {padding:70px 8% 70px 8%;position: relative}
.view-main-cont .breadcrumb {margin-bottom:30px;}

.v-cont-title { text-align: center;border-bottom: 1px solid #e2e2e2;}
.v-cont-title h2 {font-size: 30px; line-height: 40px; padding-bottom: 25px;font-weight: bold}
.v-cont-title p {border-top: 0px solid #e2e2e2;padding:12px 0; color:#ddd;font-size: 14px; text-align: left}
.v-cont-title p span {margin:0 8px;color:#aaa}

.v-cont {padding:10px 0; }
.v-cont p {text-indent:35px;font-size: 18px; line-height: 35px;padding: 10px 0px;}
.v-pic { text-align: center;margin: 30px 10px 20px;line-height: 0px;}
.v-pic img{ width:auto;height:auto;max-width: 100%;}
.v-pic p {font-size:14px; line-height: 20px;color:#999; text-align: center; position: relative;margin:0}
.v-pic p:after {position:absolute;left:50%;bottom:0px;content:"";height:1px;background:#ccc;;width:40px;margin-left:-20px}
.v-pic br {height:30px;display: block}

.view-shares {position: absolute;width:150px;top:50px;left:0px; z-index: 10; text-align: center}
.v-s-col { text-align: center;color:#999;padding-bottom:10px;font-size: 14px}
.view-shares a {display: block;margin:10px 0}

/*******************/
.lanmlist li {height:55px;line-height: 55px;font-size: 18px;border-radius: 3px;margin-bottom:5px;}
.lanmlist li:hover {border-radius: 50px;}
.lanmlist li a{margin-left:20px;}
.lanmlist li span {float:right;color:#999;margin-right:20px;font-size:14px}


/* @media screen and (max-device-width: 900px) { 
    .g-c-area {width:100%;}.g-c-area  .bd{padding:0 10px}
    .sctop {height:380px; background-size: cover;}
    .sc1 {padding-top:0px}
 .sc1 .cm-pic-list li {background: #2e4226;line-height: 0;float:left;width:47%;margin-left:1.5%;margin-right:1.5%;}
    .sc1 .cm-pic-list p{color:#fff ;height:55px;margin-bottom:10px}
    .footcopyright {margin-top:0px;}
    .footcopyright p {font-size: 11px;line-height: 18px  ;padding:0px 20px}

} */



/* 手机版样式 */
@media screen and (max-width:760px) {
	.sctop-c{display: none;}
	.phoneTop,.sc1 .sc-bartitle{display: block;}
	.sc1,.sc-bartitle,.bannerSc1, .bannerSc1 li video,.textsc3,.rightImg, .rightImg img,.g-c-area,.sc4list{width: 100%!important;}
	.sc-bartitle,.leftBox p,.sc4list li:nth-child(odd),.sc4list,.cm-pic-list,.cm-pic-list li img,.cm-pic-list li,.footcopyright{height: auto;}
	.sc1,.sc4list li:nth-child(odd),.sc4list li:nth-child(even){background: none;}
	.fl-left,.sc4list li .tpic{float: initial;}
	
	
	
	.sc1{min-height: auto;padding:0;}
	.infoText{background-color: #8B71DC;padding: 0.5rem;width: 100%;margin: 0;}
	.bannerSc1{margin: 0; padding-bottom: 2rem;}
	.Leftsc1, .Rightsc1{bottom: 0;}
	.Leftsc1,.Leftsc3,.Leftsc4,.Leftsc5{left: 40%;}
	.Rightsc1,.Rightsc3,.Rightsc4,.Rightsc5{right: 40%;}
	.sc3{margin: 1rem auto;}
	.textsc3{padding: 0;flex-wrap: wrap;}
	.leftBox{width: 95%;margin: 0.5rem auto;}
	.leftBox h3{font-size: 1rem;margin-bottom: 1rem;}
	.bannerSc3{width: 95%;margin: 1rem auto;}
	.sc4list li .fl-left{width: 95%;margin: auto;}
	.sc4list li .mancol2,.sc4list li:nth-child(even) .mancol2{margin: 0;width: 94%;padding: 0.5rem 3%;background-color: #F2F2F2;}
	.sc4list li .mancol,.sc4list li:nth-child(even) .mancol{background-color: #5C46AB;margin-bottom: 0;width: 60%;padding: 0.5rem 3% 0.5rem 37%;min-height: 6.5rem;}
	.sc4list li:nth-child(even) .mancol{margin-left: 0;}
	.sc4list li .tpic,.sc4list li:nth-child(even) .tpic{width: 5rem; position: absolute; top: 2rem;left: 1rem;}
	.sc4list li p{-webkit-line-clamp: 8;}
	.sc4list{padding-bottom: 2rem;}
	.sc4list li h3{font-size: 1rem;}
	.cm-pic-list{width: 95%;margin: 1rem auto;}
	.cm-pic-list li p{font-size: 0.75rem;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-09-12 10:09:44" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->