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: 14px}

.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%}
.wrapbg-pic1 {background:transparent url(../images/head-banner.jpg) no-repeat scroll center 0 ; height:404px}
.wrapbg-pic2 {background:transparent url(../images/head-topnews.gif) no-repeat scroll center 0 ; height:458px}
.topnews-fir {height:90px;line-height: 85px;padding-left:180px ;text-align: center;padding-right:50px ;}
.topnews-fir a {font-size: 34px; color:#fff; display: block; font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/****/
.g-container {}
.cont-m {width:1100px; margin:0px auto;position: relative}
.mb {margin-bottom:60px}

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

.bigtitle {background:transparent url(../images/bigtitlebar.gif) no-repeat scroll 0 bottom ; height:90px;margin:10px 0 50px}
.bigtitle .titlepic { text-align: center}

/****列表*****/
.cm-ul-list {}
.cm-ul-list li {height:32px; line-height: 32px;}

.cm-wpiclist {}
.cm-wpiclist li {}
.cm-wpiclist .wpiclist-pic{float:left; width:30%}

.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}

/*******/

.headtop { height:404px}
.topnews {height:385px;margin-bottom:50px;}
.topnews .fl-l {width:420px;z-index: 20;float: left;margin-top: 20px;margin-left: 40px;}
.topnews .fl-l img {width:450px;}
.topnews .fl-r {width:530px;margin-left:45px; float: left;padding-top:10px}

.newslist li {height:60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #d04b4b;padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fbfbfb;}
.newslist li a {color:#fff}

.newslist li:hover { background: #a31b1b;}
/***/
.baodao-scene {}
.baodao-scene .fl-l {}
.baodao-scene .fl-r {width:430px}
.eng_Box01 {height:410px; overflow-y:scroll} 
.eng_Box01 li {float: left;width: 100%; margin-bottom: 30px; }
 
.eng_Box01 li>a {  position: relative;display: block;  float: left; } 
.eng_Box01 li a img { width: 175px; height: 115px; display: block; margin-right: 20px; float: left; } 
.eng_Box01 li p { position: relative;}
 
.eng_Box01 li a p, 
.eng_Box01 li p {  float: right; width: 200px;height: 115px; line-height: 29px;border-bottom: 1px solid #e9e9e9;overflow: hidden; }

.eng_Box01::-webkit-scrollbar {/*滚动条整体样式*/
        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/   height: 1px;  }
.eng_Box01::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;  background: #dccab8;    }
.eng_Box01::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        border-radius: 10px;   background: #eeeeee;    }
/*******/
 .videobox {
 }
 
 .videobox li a img {
 }
 
 .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%;
 }
 
 .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;
 }
/*******/
.roadnet {}
.roadnet .bd {padding:00px 0;margin-top:-15px}
.roadnet-photo-mod {position: relative}
.roadnet-photo {width:100%; height:640px}
.roadnet-photo img {width:100%;height:100%}
.roadnet-photo-txtbg { position:absolute;top:0; right:0; z-index: 20;width:300px; background: #cc2f2d;filter:alpha(opacity=85);-moz-opacity:0.85;  -khtml-opacity: 0.85;  opacity: 0.85;height:100%}
.roadnet-photo-txt {position:absolute;top:50px; right:30px; z-index: 30;width:220px;color:#fff; font-size: 16px; line-height: 30px}
.roadnet-photo-txt p{padding-top:10px;text-indent:2em;}
.roadnet-photo-tabarea {position:absolute;bottom:0px;height:100px; z-index: 40; width:100%; }
.roadnet-photo-tabarea ul {}
.roadnet-photo-tabarea li {width:20%; float:left; background: #efe5da;height:80px;margin-top:20px; line-height: 80px}
.roadnet-photo-tabarea li a { text-align: center;display: inline-block;width:100%;height:100%; border-right: 0px solid #d6cfc8;border-left: 1px solid #d6cfc8; font-size: 20px;}
.roadnet-photo-tabarea li.on,.roadnet-photo-tabarea li.on:hover {background: #ea3936;height:100%;margin-top:0px; line-height: 100px;}
.roadnet-photo-tabarea li.on a {color:#fff;border:0px }
.roadnet-photo-tabarea li:hover {background: #e2d0bd}
/*******/
.zhongyang {}
.zhongyang .zy-col {float:left; width:294px;height:220px;margin:0px 3.2% 20px 0; background: #f4ece4;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; }
.zy-item {padding:30px}
.zhongyang .bd {width:103%}
.zy-item h3 { font-size:20px;margin-bottom:20px;line-height:30px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.zy-item p {color:#888}
.zhongyang .zy-col:hover { background: #ea3936;box-shadow: 0px 0px 28px rgba(0,0,0,0.2);}
.zhongyang .zy-col:hover h3 {margin-left:-5px}
.zhongyang .zy-col:hover a{color: #ffffff;}
.zhongyang .zy-col:hover .zy-item,.zhongyang .zy-col:hover .zy-item p{color:#fff}

/***/
.hear-list ul { width:1120px; overflow:hidden }
.hear-list li { background-color:#f4ece4; width:520px; border:#d0d0d0 0px solid; margin:20px 38px 0px 0px; float:left;  position: relative}
.hear-list li img { float:left; }
.hear-list li div { margin-top:20px; font-size:12px; line-height:40px;width:280px; text-align:left; margin-left:16px; float:left;}
.hear-list li h5 { font-size:20px; line-height:28px;  }
.hear-list li p { font-size:14px; color:#999; position: absolute; left:230px; bottom:10px;z-index: 20}

.i-headset {background:transparent url(../images/icon-headset.png) no-repeat scroll 0 0 ;width:16px;height:16px; vertical-align: middle; display: inline-block;margin-right:6px}
.hear-list li:hover {background: #e2d0bd;}
.hear-list li:hover p {color:#fff}

/***/
.guo_16_1 {background: #cc2f2d;padding:30px 20px;}
.guo_16_2 {  width: 100%; background: #efe5da;	margin: 0 auto;}
.guo_16_2 ul {  width: 1000px;margin:0 0 0 65px;}
.guo_16_2 li {  float: left;  margin:20px 15px 0;  font-size: 14px;  line-height: 20px;   width: 163px; text-align: center; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.guo_16_2 li a {margin-bottom:10px;}
.fllow-arrow {filter:alpha(opacity=40);-moz-opacity:0.4;  -khtml-opacity: 0.4;  opacity: 0.4;position: absolute;top: 33px; cursor: pointer}
.fllow-arrow:hover {filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}

.guo_16_2 li:hover {background: #e2d0bd;}.guo_16_2 li:hover a:hover {color:#614326}
/***/
.hangtianc {}
.hangtianc .bd {width:103%}
.fp_List { float:left;margin-right:3.2%;width:30%; position: relative;margin-bottom:30px;line-height: 0px;}
.fp_List img {width:100%; }
.fp_List p {position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    bottom: 0px;
    color: #fff;
    padding: 0 8px;
    background: rgba(0, 0, 0, 0.56);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

/***/

.mobilegame-box { position: relative;height: 580px;}
.mobilegame-box .mg-box-arrow-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;}
.mobilegame-box .mg-box-arrow-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;}
.mobilegame-box .mg-box-arrow-right:hover,.mobilegame-box .mg-box-arrow-left:hover {filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.mg-box-cont {margin:0px 40px}
.mg-box-cont li {float:left;width:33.3%; text-align: center}
.mg-box-col {  background: url(../images/phonebg.jpg) no-repeat;  width: 295px;	height: 578px;display: inline-block}
.mg-box-col img {padding-top: 44px;padding-left: 0px;width:274px;height:477px}
/**/
/*boao视觉*/
.show-mod { margin: 2px 0 0 0; position: relative}
.show-mod-picarea { width: 800px; height: 600px; float: left;overflow: hidden;  }
.show-mod-picarea li { width: 800px; height: 600px; }
.show-mod-picarea li img {width:100%;height:100%}

.show-mod-righttxt { position: absolute;top:0px;right:0px; z-index: 30; width: 340px; background: #fff }
.show-mod-righttxt li { cursor: pointer; width: 83%; height: 100px; line-height: 30px; margin-bottom: 2px; color: #333; font-size: 17px; background: #f4ece4 ; padding: 15px 20px 0; position: relative}
.show-mod-righttxt .on { background: #ea3936;color:#fff }
.show-mod-righttxt .on i{ position: absolute;top:45px;right:-2px;width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fff; z-index: 40; display: block}

.show-mod-righttxt::-webkit-scrollbar {/*滚动条整体样式*/
        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/   height: 1px;  }
.show-mod-righttxt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;  background: #dccab8;    }
.show-mod-righttxt::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        border-radius: 10px;   background: #eeeeee;    }

.show-mod-righttxt li:hover {background: #e2d0bd}
/***/
.oneyear {margin-bottom:0px}
.oneyear .bd-f { background:#f4ece4;padding:30px 0px 30px 30px; }
.oneyear .bd-f .fl-l {width:48%; background: #ea3936; line-height: 0px;height:368px}
.oneyear .bd-f .fl-l a {padding:12px; display: block}
.oneyear .bd-f .fl-l img {width:100%;padding:0;margin:0;height:344px}
.oneyear .bd-f .fl-r {width:52%;height:368px}
.oneyear .bd-f .fl-r .on {background:transparent url(../images/zhongsel.gif) no-repeat scroll 0 0 ;margin-bottom:10px;padding-top:26px;color:#fff}
.oneyear-news-col {height:184px;padding-left:50px;padding-right:50px;}
.oneyear .bd-f .fl-r .on p {color:#fff}
.oneyear .on a {color:#FFFFFF;}
.oneyear .bd-s  {padding:30px 0px 30px 4px;}
.oneyear-step {height:72px}
.oneyear-step li {float:left;width:14.28%;}
.oneyear-step li a {display:block;width:140px;height:44px; border-radius:22px; background:#e0b386; line-height:44px; text-align: center;margin:0px auto;font-size:18px; color:#fff}

.oneyear-step li a.on ,.oneyear-step li a:hover {background:transparent url(../images/zhongstag-onsel.gif) no-repeat scroll 0 0 ;height:54px;}

.oneyear-step-cont {background:transparent url(../images/zhongsxl-bg.gif) no-repeat scroll center 0 ;height:496px;width:100%}
.oneyear-step-cont .fl-l {width:440px;padding-top:60px;margin-left:40px}
.oneyear-step-cont .fl-l li {margin-bottom:30px}
.oneyear-step-cont .fl-r {width:440px;padding-top:60px;margin-right:40px}
.oneyear-step-cont .fl-r img {width:100%}

.xie_k{font-size:18px;}
.xie_k li {
width:520px; 
background:url(http://www.hinews.cn/news/zt2018/hainanlh/img/xie20190121/ico.jpg) no-repeat left 24px; padding-left:10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.xie_k li a{ overflow:hidden;  color:#333333; line-height:52px;  text-decoration:none;}
.xie_k li a:hover{color:#b90000;}
.fang-l{
	width:1080px;  }
.fang-l p {
border: #e2e2e2 1px solid;
	text-align: center;
	line-height:42px;
	height:42px;
	background-color: #fafafa;
	font-size: 16px;
	color: #333;
}
.fang-l p:hover {
	background: #e9e9e9;color: #333;
}
/***/
.footcopyright { padding:20px 0 40px;text-align:center; color:#999}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-04-19 16:04:48" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->