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;margin:0px}

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:none; background-position:center center;background-size:cover}

.headtop { margin:0px auto;width: auto; text-align: center; line-height: 0; background:#001253 url(../images/top.jpg) no-repeat scroll center 0 ; height:347px}
.headtop img {width:100%;height:100%; display: none}
/****/
.g-container {}
.g-cont-box {padding:50px 0 60px}
.g-c-area {width:1100px; margin:0px auto; position: relative}
.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%;height: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:195px;height:125px}
.cm-pic-list li a { margin:10px 0 6px}

.ppic-overw {position: relative;line-height: 0px; display: inline-block}
.ppic-overw img {width:100%;height:100%}
.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,0.8), 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 {} 
.cm-picrw-list li {width: 100%;  position: relative;margin-right:20px;border-bottom: 1px solid #e9e9e9;height:105px; margin-bottom:15px} 
.cm-picrw-list li>a {  display: block; position: relative;} 
.cm-picrw-list li a img { width: 150px; height: 90px; display: block; position: absolute;top:0px;left:0px; z-index: 20 } 
.cm-picrw-list li h3 ,.cm-picrw-list li h4 ,.cm-picrw-list li a p{margin-left:170px } 
.cm-picrw-list li h3 {font-size:18px;height:65px} 
.cm-picrw-list li h4 {font-size:14px;height:65px} 
.cm-picrw-list li p { color:#999;font-size:14px}

.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;}
.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 {margin:0px 40px}
.cm-mobileh5-cont li {float:left;width:33.3%; 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:20px 0 40px;text-align:center; color:#999;font-size: 14px;}
.footcopyright p {line-height: 26px}

<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-10-24 10:10:27" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->