/*!
 * 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 "Microsoft Yahei",Arial,Helvetica,sans-serif;line-height:30px; border:none;outline:none;}

a {color:#333333;}
a:link {color: #333333; text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}
a:hover {color:#006ad7; text-decoration:none;}

body, div{ line-height:26px; font-size: 16px}
.content{width:1200px; margin:0 auto;}
/*********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;}





.fl_left {float:left}
.fl_right {float:right}
.clear{clear:both;}
.h60{ height:60px;}
.h20{ height:20px;}
.bg{ background: url("../images/bg.png") no-repeat top; }

.xw_tj {text-align: center;}
.xw_tj ul { width:1200px;overflow:hidden;flex-wrap: wrap;display: flex;}
.xw_tj li img { width:372px; height: 230px;}
.xw_tj ul li {
  margin-right:42px;list-style: none;
  margin-bottom:80px;width:372px; height: 230px;}
.xw_tj ul li:nth-of-type(3n) {
  margin-right: 0;
}
.xw_tj li p {
	line-height:32px; text-align:left; font-size:14px; line-height: 20px;
}

.itempic img{
	width: 570px;
	height: 321px;
}
.xw_tj li img{
	width: 372px;
	height: 209px;
}


.g-c-area {width:1200px;padding:0px 0 10px;margin: 0 auto}
.sctop,.sctop img,.phTop,.phTop img{width: 100%;}
.phTop{display: none;}

/* .sctop {background:#ffffff url("../images/top.jpg") no-repeat center 0;height:1000px} */


/****/
.itemlist {margin-top:40px;}
.item {position: relative;height:400px;width:1200px;margin-bottom:60px}
.item .itempic {width:590px;position: absolute;top:00px;z-index: 10;height:360px}
.item .itemword {position: absolute;width:670px;top:15px;z-index: 20;height:360px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;background:url("../images/wbg.png") no-repeat 0 0;}

.item:nth-child(odd)  .itempic {left:0px;background:url("../images/picbg-l.png") no-repeat 15px 0; }
.item:nth-child(odd)  .itemword {right:0px;}
.item:nth-child(odd)   .itempic img {border-radius: 5px 65px 5px 65px ;padding:15px 0 0 0px}

.item:nth-child(even)  .itempic {right:0px;background:url("../images/picbg-r.png") no-repeat 0px 0; }
.item:nth-child(even)  .itemword {left:0px; }
.item:nth-child(even)   .itempic img {border-radius: 65px 5px 65px 5px ;padding:15px 0 0 15px}

.item .itemword a.bd {padding:80px 0 0 80px;width:526px;display: block}
.item .itemword h3 {font-weight: bold;font-size: 24px; line-height: 32px;margin-bottom:13px;}
.item .itemword p {color:#999;font-size: 14px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 4;}
.item:hover .itemword a.bd {padding-top:70px }
.item:hover .itemword {background:url("../images/w-onbg.png") no-repeat 0 10px;}

.item:hover .itemword h3 ,.item:hover .itemword p {color:#fff;}
/********/
/******* copyright  *****/
.footcopyright { padding:30px 0 40px;text-align:center; color:#ffffff;font-size: 14px;background: #62c7fd}
.footcopyright p {line-height: 22px;font-style: italic}
.col img {width:100%}
/****/
.content {}
.content .bd {width:90% ;margin:0 auto 50px}
.content h3{    font-size: 38px;    color: #333333;    text-align: center;padding:50px 0;line-height: 40px}
.content .time {    font-size: 16px;    line-height: 26px;    border-bottom: #e0e0e0 1px solid;    border-top: #e0e0e0 1px solid;    color: #999;margin-bottom:30px;padding:15px 0}
.content .bd p {    font-size: 18px;    line-height: 36px;    color: #333;margin-bottom:20px}



.bg_bq{ background-color:#62c7fd; width: 100%;}
.x-bq {
	float: center;
	line-height: 28px;
	color: #ffffff;
	font-size: 16px;
}

.x-bq p {
	text-align: center;
}

.x-bq a {
	overflow: hidden;
	color: #ffffff;
}

/* 手机版样式 */
@media screen and (max-width:760px) { 
	.sctop,.h60,.h20{display: none;}
	.phTop{display: block;}
	.content,.titleBox img,.item,.item:nth-child(odd) .itempic img,.g-c-area,.item .itempic,.item .itemword,.xw_tj ul li img{width: 100%;}
	.titleBox img,.item,.item:nth-child(odd) .itempic img,.item .itempic,.item .itemword,.xw_tj ul li,.xw_tj ul li img{height: auto;}
	.itemlist,.titleBox{margin-top: 1rem;}
	.item .itemword,.item .itempic{position: initial;}
	.item:nth-child(odd) .itempic,.item .itemword{background: none;}
	.item:nth-child(odd) .itempic img{border-radius:0.2rem 1rem 0.2rem 1rem;}
	.item .itemword a.bd{width: 90%;padding: 1rem 5%;}
	.item .itemword h3{font-size: 1rem;}
	.item{margin-bottom: 1rem;}
	.xw_tj ul{width: 95%;margin: 1rem auto;justify-content: space-between;}
	.xw_tj ul li{width: 47%;margin-bottom: 1rem;margin-right: 0;}
	.xw_tj ul li:nth-of-type(3n){margin-right: auto;}
	
	
	
	
}