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: #333; text-decoration: none;}
a:hover { color: #b62c2f;}

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

.clearfix:after { content: ""; display: table; clear: both;}
.cf{zoom:1;}
.cf:after{content:'.';display:block;visibility:hidden;clear:both;height:0px;}
.clear {clear:both;display:block;height:0;overflow:hidden;margin:0px 6px;} 

/* CSS Document */

.wrap {position: relative; width:auto} /**/

/**页面背景**/
.wrapbg { position: absolute;top:0; left:0; z-index: -10; width:100%;background:transparent url(images/head-banner.jpg) no-repeat scroll center 0 ; height:940px;background-position:center center;background-size:cover}

.headtop { margin:0px auto;width: auto; text-align: center; line-height: 0; height:940px}
.headtop img {width:100%; display: none}
/****/
.g-container {}
.g-cont-box {padding:50px 0 60px}
.g-c-area {width:1100px; margin:0px auto;}
.mb60 {margin-bottom:60px}
.mb30 {margin-bottom:30px}

.fl-l {float:left}
.fl-r {float:right}

.f14 {font-size: 14px}
.txt-center {text-align: center}

.banertitle {margin-bottom:30px;background:transparent url(images/banner-1.png) no-repeat scroll center 0 ;height:100%;width:100%;background-size:cover}
.banertitle img {width:100%}


/****通用列表*****/
.cm-ul-list {}
.cm-ul-list li { line-height: 38px;height:38px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.cm-ul-list li a {background:transparent url(images/dot.png) no-repeat scroll 0 center ;padding-left:10px;}

.cm-h4txt-list {}
.cm-h4txt-list li{margin-bottom:20px}
.cm-h4txt-list h4 {font-size:20px;margin-bottom:10px;line-height:30px;}
.cm-h4txt-list h4:hover { font-weight: bold}
.cm-h4txt-list p {color:#888}

.cm-pic-list {}
.cm-pic-list li{float:left;margin-right:3.2%;width:30%; margin-bottom:30px;}
.cm-pic-list li img {width:100%;height: auto !important;}
.cm-pic-list li a { margin:10px 0 6px}

.ppic-overw {position: relative;line-height: 0px; display: inline-block}
.ppic-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; }

/****/
.cm-picrw-list {height:400px; overflow-y:scroll;padding-right:20px} 
.cm-picrw-list li {width: 100%; margin-bottom: 20px; position: relative;margin-right:20px} 
.cm-picrw-list li>a {  display: block; position: relative;} 
.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; }

.cm-specialtopic-list {padding-top:30px}
.cm-specialtopic-list-cont {width:100%; overflow: hidden}
.cm-specialtopic-list-cont ul {width:105%}
.cm-specialtopic-list-cont li {float:left;width:33.3%;margin:0px auto 20px; }
.cm-specialtopic-list  a { display: block;margin-right:5%}
.cm-specialtopic-list  a img {width:100%;}
/****/
.cm-mobileh5-list { position: relative;height: 580px;padding-left:66px;}
.cm-mobileh5-list  .cm-mobileh5-roll-left {position: absolute;top:220px;left:0; z-index: 20; display: inline-block;width:20px ;background:transparent url(images/rollarrow-left.png) no-repeat scroll 0 0 ; height:60px;filter:alpha(opacity=50);-moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.cm-mobileh5-list  .cm-mobileh5-roll-right {position: absolute;top:220px;right:0; z-index: 20;display: inline-block; width:20px;background:transparent url(images/rollarrow-right.png) no-repeat scroll 0 0 ;height:60px;filter:alpha(opacity=50);-moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.cm-mobileh5-list .cm-mobileh5-roll-right:hover,
.cm-mobileh5-list .cm-mobileh5-roll-left:hover {filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}

.cm-mobileh5-cont {}
.cm-mobileh5-cont li {float:left;width:294px;margin: 0 16px; text-align: center}
.cm-mh5-item {  background: url(images/phonebg.jpg) no-repeat center 0;  height: 578px;display: inline-block;background-size:100% 100%;height:auto;padding:44px 10px 50px 10px;}
.cm-mh5-item img {width:274px;height:477px}

/*******/
 .videobox { } 
  
 .videobox a:before {
     content: ''; display: block;  width: 40px; height: 40px;background: url(images/b.png) no-repeat;
     background-size: 100%; border-radius: 50%; position: absolute; left: 16.5%;  top: 32%;  z-index: 30} 
 .videobox_b a:before {
     content: '';  display: block; width: 65px;   height: 65px; background: url(images/b.png) no-repeat; background-size: 100%;
     border-radius: 50%; position: absolute; left: 43%; top: 34%; z-index: 3; }

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

@media screen and (max-width:1100px) {
	.wrapbg { background:none}
	.headtop { height:auto}.headtop img {display: block}
	.g-c-area {/*width:100%*/;}.g-cont-box {padding:50px 2% 60px 2%;/*width:96%*/}
	.cm-mh5-item { width:250px;height:auto;}
	.cm-mh5-item img {width:100%; height:440px}
}
@media screen and (max-width:800px){
	.fl-l, .fl-r { float: none;width:96%;margin:0 auto}
	.banertitle {height:50px}
	.cm-ul-list li {height:40px;line-height: 40px}
	.cm-mobileh5-list {height:auto}
	.cm-mh5-item { width:90%;height:auto;}
	.cm-mh5-item img {width:100%; height:300px}
	img{width:100%;height:auto;}
	
	.slideStyle1 .bd .ulchange .p20,.slideStyle1 .bd .ulchange img,.slideStyle1 .bd,.slideStyle1,.slideStyle2 .bd .ulchange img,.slideStyle2 .bd,.slideStyle2 ,.slideStyle2 .bd .ulchange .p20,	.slideStyle3 .bd .ulchange img,.slideStyle3 .bd,.slideStyle3,.subjectpicnews ul li img{
    width: 100% !important;
    height: auto !important;
    display: block;
}
	
}
@media screen and (max-width:480px){	
	.fl-l, .fl-r { float: none;width:96%;margin:0 auto}
	.cm-ul-list li {height:44px;line-height: 44px}
}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-06-18 17:06:16" check_sum="3bcee7cc5a424330844ab778a62d31c1]--><!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-06-21 17:06:58" check_sum="3bcee7cc5a424330844ab778a62d31c1]--><!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-06-21 17:06:21" check_sum="3bcee7cc5a424330844ab778a62d31c1]--><!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2023-05-06 11:05:01" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->