/*!
 * 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:26px; font-size: 16px}

/*********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 {}
.cm-pic-list li{float:left;margin-left:1.5%;margin-right:1.5%;width:30%; margin-bottom:20px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.cm-pic-list  img {width:100%;height:100%}
.cm-pic-list  p { overflow: hidden;
                    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;}


.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("/template/mjxz5/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("/template/mjxz5/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("/template/mjxz5/images/top.jpg") no-repeat top;height:720px; background-size: cover}
@media screen and (max-width:1920px) { 
}*/

body {background-color:#1a2533 }

.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 #91bdcc;margin-top:3px;border-radius: 2px; }
.cm-ul-list li a{ background:url("/template/mjxz5/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:#6ec5c9;}
.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;}
/***/

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

/***** 页面宽度 *****/
/********/
.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:1100px;height:110px;margin:00px auto 10px;position: relative;text-align: center;}

.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: url("/template/mjxz5/images/top.jpg") center -20px no-repeat;height:805px}

.sctop-c {height:380px;}
@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}
/********/

.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("/template/mjxz5/images/title_dot.png") no-repeat 0 0px;width:70px;height:30px}
.benxvpic {width:210px;padding:1px;margin-right:40px;}

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

.sc1 {padding-top:30px;}
.sc1 .cm-pic-list li {background: url("/template/mjxz5/images/vidbg_1.png") no-repeat 0 0px;height:315px;line-height: 0;float:left;width:330px;margin-left:1.5%;margin-right:1.5%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;margin-bottom:25px}
.sc1 .cm-pic-list li a {display: inline-block;margin:10px 18px}
.sc1 .cm-pic-list li a img {width:100%;height:100%}
.nob {font-family: Georgia, "serif";font-size: 20px;color:#682d31; text-align: right;margin:10px 32px 0px;font-style: italic;line-height: 22px}
.sc1 .cm-pic-list p{color:#333 ;height:60px;line-height: 26px;padding:8px 15px 0px;overflow: hidden}

.sc1 .cm-pic-list li:hover {background: url("/template/mjxz5/images/vidbg_2.png") no-repeat 0 0px;margin-top:-10px;margin-bottom:35px}
.sc1 .cm-pic-list li:hover .nob {color:#fff}

.footcopyright {padding-top:30px;margin-top:20px;}


/****************
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}

}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-07-18 15:07:36" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->