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


/* .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 {}
.sctop-c,.sctop-c img{width: 100%;}
.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{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; 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 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; }


.prevSc4,.nextSc4{position: absolute;bottom: 10px;cursor: pointer;}
.list-5col li {float:left;width:18%;margin-right:2%}
.prevSc4{left: 45%;}
.nextSc4{right: 45%;}


.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; color:#999;font-size: 14px;margin-top: -2px;}
.footcopyright p {line-height: 26px}


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("../dot.html") no-repeat 0 center;padding-left:12px;background-size:6px 6px;margin-left:8px}
.cm-ul-list li:hover {border-bottom:1px solid #fceede;background: #fceede;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:30px 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;}
/***/

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

/***** 页面宽度 *****/
/********/


/*******/

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

.sc-bartitle {width:1000px;height:70px;margin:00px auto 40px;position: relative;text-align: center;top:00px;padding-top:20px;}

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


.wbg {background: url("../pagebg2.html") repeat center 0; }

/** nav***/

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

.sctop-c {} */


.sc1 {margin-bottom:30px}
/* .sc1 .bd a {width:75%;margin:0px auto;display: block}*/
.sc1 .bd {text-align: center}

.sc2 {background:  url("../png/sc2bg.png") no-repeat center 0; background-size: cover;padding-top:90px;margin-bottom: 20px}
.sc2 .bd {margin-bottom: 50px;position: relative;padding-bottom: 50px;}
.cm-list2 {margin-bottom: 60px}
.cm-list2 li div{background: #fff; border-radius: 0px;/* width:29%;margin:0 2%; */transition:all 0.2s linear; -webkit-transition:all 0.2s linear;position: relative ;padding-bottom: 30px;}
.cm-list2 li img {}
.cm-list2 li p {padding:5px 15px 5px; text-align: center;word-break: break-all;height:60px;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	white-space:normal;line-height: 30px
}
.cm-list2 li span {position: absolute;bottom:-18px; left: 50%; z-index: 20;display: inline-block;margin-left:-50px;width:100px;height:32px;background: #19b2eb;border-radius: 6px;text-align: center;font-size: 14px;color:#fff;line-height: 32px}
.cm-list2 li:hover {box-shadow:0px 30px 30px -30px #000;}
.cm-list2 li:hover span{background: #1360d6}

.sc3news {position: relative;margin-bottom: 20px;height: 446px;}
.newsBanner{height: 446px;}
.newsBanner li img{width: 780px;height: 439px;}
/* 多行省略 */
.bgBlue p,.cm-kmeglist li p{overflow-y: hidden;white-space: normal;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.bgBlue{position: absolute;width:400px;height:200px;background: #19b2eb;top:60px;right:00px ;color: #FFFFFF;font-size: 16px;line-height: 50px;padding: 50px 30px;}
.bgBlue p{-webkit-line-clamp: 5;text-align: center;}
.prevSc3,.nextSc3{position: absolute;cursor: pointer;right: 200px;width: 40px;z-index: 99;}
.prevSc3 img,.nextSc3 img{width: 100%;}
.nextSc3{bottom: 20px;}
.prevSc3{top: 20px;}
.cm-kmeglist li a{background-color: #f3f3f3;padding: 25px 20px;display: block; }
.cm-kmeglist li p{-webkit-line-clamp: 2;}
.cm-kmeglist{padding-bottom: 60px;}
.sc4 .g-c-area {padding-bottom: 50px;}



.sc4 .cm-pic-list li:hover {margin-top:-20px;}

.sc5  .bd {line-height: 0px}
.sc5  .bd img {width:100%}
/*******/
.footcopyright {background:#02337e url("../jpg/footbg.jpg") no-repeat center 0;padding:40px 0; text-align: center;color:#a0c1f4;}
.footcopyright p {font-size:14px}











#certify {position: relative;width: 1160px;margin: 0 auto}

#certify .swiper-container {padding-bottom: 60px;margin-top: 50px;}

#certify .swiper-slide {width: 800px;}
#certify .swiper-slide img{display:block;width: 100%;}
#certify .swiper-slide p {position: absolute;bottom: 0;line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 2.5%;width: 95%;background-color: rgba(0,0,0,0.7);color: #FFFFFF;}
.Leftprev,.rightnext{width: 45px;height: 45px;position: absolute;top: 40%;z-index: 99;cursor: pointer;}
.rightnext{right: 20px;}
.Leftprev{left: 20px;}
.prevLeft ,.nextRight{width: 30px;position: absolute;bottom: 10px;cursor: pointer;}
.prevLeft {left: 45%;}
.nextRight{right: 45%;}
#certify .swiper-slide::before{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;}
#certify .swiper-slide-active::before{display: none;}
/*  */
.picBanner li img {width: 100%;display: block;}

.picBanner li {position: relative;}

.picBanner li p {position: absolute;width: 90%;line-height: 35px;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: 50px;}
.picRight{right: 20%;}
.picLeft{left: 20%;}
.phone,.phonenextSc3, .phoneprevSc3{display: none;}


/* 手机版样式 */
@media screen and (max-width:760px) {
	.phone,.phonenextSc3,.phoneprevSc3{display: block;}
	.sctop-c,.prevSc3, .nextSc3{display: none;}
	.phone,.phone img,.sc-bartitle,.sc-bartitle img,#certify,#certify .swiper-slide,.g-c-area,.bgBlue{width: 100%!important;}
	.sc-bartitle,.bgBlue,.sc3news,.newsBanner{height: auto!important;}
	.sc-bartitle{margin: 1rem auto;padding-top: 0;}
	#certify .swiper-container{padding-bottom: 0rem;margin-top: 0;}
	.sc2 .bd{width: 95%;margin: 0 auto;padding-bottom: 4rem;}
	.sc2{padding-top: 2rem;}
	.prevLeft,.prevSc4{left: 30%;}
	.nextRight,.nextSc4{right: 30%;}
	.newsBanner li img{width: 100%;height: auto;}
	.newsBanner,.cm-kmeglist{width: 95%;margin: auto;}
	.newsBanner li{background-color: #19b2eb;}
	.bgBlue{position: inherit;padding: 0.5rem;}
	.bgBlue p{line-height: 1.2rem;font-size: 0.75rem;text-align: left;}
	.cm-pic-list{width: 95%;margin: auto;}
	.footcopyright {margin-top: 1rem;}
	.picRight img, .picLeft img{width: 1.5rem;}
	.picRight,.phonenextSc3{right: 5%;}
	.picLeft,.phoneprevSc3{left: 5%;}
	.cm-list2 li div{padding-bottom: 1rem;}
	.cm-list2 li p{height: 3rem;font-size: 0.75rem;line-height: 1.5rem;}
	.cm-kmeglist li a{padding: 0.5rem;font-size: 0.75rem;}
	.picBanner li p,#certify .swiper-slide p{font-size: 0.75rem;}
	.phonenextSc3, .phoneprevSc3{position: absolute;top:35%;cursor: pointer;z-index: 9;}
	.footcopyright p{font-size: 0.65rem;}
	
	
}


















<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-09-26 16:09:22" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->