*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
header,nav,article,section,asider,footer{display:block;}
html{font-size:62.5%; font-family:"microsoft yahei",Arial; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body{min-width:320px; background: #fff; color:#333; overflow-x:hidden;}

table{border-collapse:collapse;}
ul{ list-style:none;}
a img{vertical-align: bottom;}
a{text-decoration:none; color:#333;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1rem;}

.cf:before,.cf:after{content:""; display:table;}
.cf2:after {content: ""; display:block; height:0; clear:both;}
.l{float:left;}
.r{float:right;}
/*-------------------------结束公用样式--------------------------*/
body{font-size: 1.2em; background-color: #efefef; margin: 0 auto; width: 320px;}
::-webkit-scrollbar{display: none;}
.text_l{text-align: left;}
.text_c{text-align: center;}
.text_r{text-align: right;}
.f_pic{width: 100%; vertical-align: bottom;}

.wb{display: flex; display: -webkit-box;}
.wbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1;}


input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
input[type="search"]{appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}

/*--全局顶部--*/
.header{position: fixed; top: 0; left: 0; right: 0; height: 5rem; line-height: 5rem; background: #c02632; border-bottom:.4rem solid #861b23;z-index: 13;}
.head_tt{padding: 0 5rem; height: 5rem; text-align: center; font-size: 2.4rem; color: #fff; text-shadow: 0 .1rem .2rem rgba(0,0,0,.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:flex; align-items:center; justify-content:center;}
.head_tt img{ width:60%; }
.head_back, .head_menu{position: absolute; top: 0; display: block; width: 5rem; height: 5rem; background-image: url(../images/icon/head_ico.png); background-repeat: no-repeat; background-size: 5rem auto;}
.head_menu{left: 0; background-position: 0 0;}
.head_back{right: 0; background-position: 0 -5rem;}

/*------star中间区域*/
.content{padding-top: 5rem;}
.content_a{padding-bottom:10rem;}
/*动画播放*/
.f_banner{position: relative;}
.f_banner .bd img{width: 100%;}
.f_banner .hd{position: absolute; background:rgba(0,0,0,.5); bottom: 0; padding:.3rem 0; left: 0; right: 0; text-align: center; line-height: 1;}
.f_banner .hd li{margin: 0 .3rem; display: inline-block; width: .6rem; height: .6rem; line-height: 99px; background-color: #fff;  border-radius: 50%; overflow: hidden;}
.f_banner .hd .on{background: #c02632;}


/*通知*/
div.ann_box{ border-bottom:1px solid #ddd;background:#fff;  line-height:2rem; font-size:1.4rem; padding:1rem 0;display: flex; display: -webkit-box;  margin-bottom:1rem;}
div.ann_box .text{overflow:hidden; vertical-align:top; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis; width:60%; display:inline-block;}
.ann_th{ display:inline-block;*display: inline; color:#c02632;font-size:1.4rem;vertical-align:top; padding-left:2.5rem; }
.ann_th:before{ content:""; display:block; width:2rem; height:2rem; background:url(../images/icon/ann.png) no-repeat; background-size:cover; position:absolute; left:1%;}
a.ann_arrow{ display:block;  padding:0 1vw; position:relative; width:100%; box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a.ann_arrow:after{ display: block; content: ""; width: 1rem; height: 1rem; border-right: 2px solid #7d8286; border-top: 2px solid #7d8286; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; top:50%; margin-top:-.5rem; right:4%;}


/*链接导航*/
.entry_nav{ background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:1rem 0; text-align:center;}
.entry_nav a{margin: 0 0 -1px 0; float: left; width:24.9%; padding: 1rem 0 .6rem 0; height:8rem; display: block; color: #333;  border-left: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.entry_nav a:visited{color: #333;}
.entry_nav a:active{transform: scale(.96); -webkit-transform: scale(.96); background:#f8f8f8;}
.entry_nav a:before{margin: 0 auto .5rem; display: block; content: ""; width: 4rem; height: 4rem; background-image: url(../images/icon/enav.png); background-repeat: no-repeat; background-size: 4rem auto;}
.enav_01:before{background-position: 0 0;}
.enav_02:before{background-position: 0 -4rem;}
.enav_03:before{background-position: 0 -8rem;}
.enav_04:before{background-position: 0 -12rem;}

/*首页新闻*/
div.h_news{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; margin:1rem 0 10rem 0;}
dl.h_news{ border-bottom:1px solid #ddd;}

dl.h_news dt{ float:right; width:50%; margin-left:1.5%;}
dl.h_news dt img{ height:100%; width:100%;}
dl.h_news dd{ font-size:1.4rem; float:left; width:46.5%; padding:2rem 0 0 2%; box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


dl.h_news dd h4{font-size:1.4rem;}
dl.h_news dd h4 a:active{color: #c02632;}
dl.h_news dd p{ padding:.8rem 0 0 0;}
a.btn_border{ display:inline-block; border:2px solid #c02632; color:#c02632; cursor:pointer; padding:.5rem 1.6rem;}
a.btn_border:active{ background:#c02632; color:#fff;}

/*新闻文字列表*/
dl.h_news_d dd{ border-bottom:1px solid #ddd; padding:1rem 1rem; font-size:1.2rem;}
dl.h_news_d dd a{ color:#666; display:block; padding:0 1rem 0 1.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
dl.h_news_d dd a:visited{color: #666;}
dl.h_news_d dd a:active{color: #c02632;}
dl.h_news_d dd a:before{ display:block; content:""; border-radius:50%; border:2px solid #c02632; width:.5rem; height:.5rem; position:absolute; left:1rem; margin-top:.4rem;}
dl.h_news_d dd a:after{ display:block; content:"";width: .5rem; height: .5rem; border-right: 2px solid #7d8286; border-top: 2px solid #7d8286; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; right:1rem; margin-top:-1rem;}
dl.h_news_d dt{  text-align:center; padding:1rem 0 1.5rem 0; height:2rem; line-height:2rem; font-size:1.4rem;}
dl.h_news_d dt a{ display:block; position:relative;}
dl.h_news_d dt a:active{color: #c02632;}
dl.h_news_d dt a:after{ display:block; content:"";width: .5rem; height: .5rem; border-right: 2px solid #c02632; border-bottom: 2px solid #c02632; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; left:50%; margin-left:-.25rem; bottom:-.7rem; }

/*文件底*/
div.footer{ position:fixed; left:0; bottom:0; height:9rem;width:100%; }
div.h_copy{ text-align:center; color:#666; border-top:1px solid #ddd; background:#fff; height:4rem; line-height:4rem; }
.footer{ height:5rem; background:#262e55; color:#fff;  text-align:center;}
.footer a{ color:#fff;float: left; width:33.3333%; padding:0rem 0 0rem 0; height:100%;  text-align:center; font-size:1.4rem; }
.footer a:visited{color: #fff;}
.footer a:active{transform: scale(.96); -webkit-transform: scale(.96); background:#1d2652;}
.footer a.f_home:active{transform: scale(1); -webkit-transform: scale(1); background:#b41925;}
.footer a.f_home{ background:#c02632; padding-top:.5rem; position:relative; margin-top:-.5rem;}
span.f_l,span.f_r{ position:absolute; top:0; width:.5rem; height:.5rem; background-image:url(../images/icon/f_nav_l.png); background-size:100%; left:-.5rem;}
span.f_r{ left:auto; right:-.5rem; background-image:url(../images/icon/f_nav_r.png);}
.footer a:before{margin: 0 auto -.4rem auto; display: block; content: ""; width: 3rem; height: 3rem; background-image: url(../images/icon/nav.png); background-repeat: no-repeat; background-size: 3rem auto;}
.f_tel:before{background-position: 0 0;}
.f_home:before{background-position: 0 -3rem;}
.f_map:before{background-position: 0 -6rem;}


/*-----------star内页的样式*/
/*大图片*/
div.i_banner{ text-align:center;}
div.i_banner img{ width:100%; vertical-align:top;}
/*链接列表*/
div.i_nav{ background:#fff; margin-bottom:10rem;}
.i_nav a{ display:block; font-size:1.6rem; padding:1.2rem 2rem 1.2rem 2.8rem; border-bottom:1px solid #ddd;}
.i_nav a:active{ background:#f8f8f8; color:#c02632;}
.i_nav a:before{ display:block; content:""; border-radius:50%; border:2px solid #c02632; width:.6rem; height:.6rem; position:absolute; left:1rem; margin-top:.6rem;}
.i_nav a:after{ display:block; content:"";width: .7rem; height: .7rem; border-right: 2px solid #7d8286; border-top: 2px solid #7d8286; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; right:1.4rem; margin-top:-1.6rem;}

/*正文*/
div.wen_box{ margin:1.5rem 1rem 12rem 1rem; color:#666; line-height:1.8rem; font-size:1.2rem;}
div.wen_box p{ margin:.8rem 0; text-indent:2rem;}

/*新闻列表页*/
div.i_news{ background:#fff; margin-bottom:10rem; border-bottom:1px solid #ddd;}

/*新闻详情页*/
h2.d_th{ text-align:center; font-size:1.4rem; padding:1.2rem 1rem; border-bottom:1px solid #ddd;}
div.date_o{ border-bottom:1px dotted #ddd; text-align:center; color:#999; padding:.8rem 0;}
div.date_o b{ color:#333; font-weight:normal;}
div.date_o span{ margin:0 .6vw;}

/*展开的左导航_移动全局模式*/
.has_panel{position: absolute; width: 100%; height: 100%;}
.has_panel .all_element{position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-x: hidden!important;}
.has_panel .c_wrap{position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: auto; overflow-x: hidden; transition: transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out;}
.panel_active .c_wrap, .panel_active .panel{transform: translate(22.5rem,0) translateZ(0); -webkit-transform: translate(22.5rem,0) translateZ(0);}
.has_panel .header{position: absolute;}
.has_panel .content{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.panel{position: absolute; top: 0; bottom: 0; left: -22.5rem; width: 22.5rem; overflow-y: auto; overflow-x: hidden; background-color: #c02632; transition: transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; z-index: 15;}
.panel:after{position: absolute; right: 0; top: 0; bottom: 0; display: block; content: ""; width: 1px; background-color: rgba(0,0,0,.1); box-shadow: 0 0 .5rem rgba(0,0,0,.5); z-index: 18;}
.panel_tt{padding: 3rem 2.5rem; line-height: 3rem; font-size: 2.4rem; color: #fff;   overflow: hidden; background-color: #861b23; text-align:center;}
.panel_tt img{ width:18rem; }
.panel_menu a{position: relative; display: block; padding: 1.2rem 3rem 1.2rem 6rem; line-height: 2.5rem; font-size: 1.5rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid rgba(360,360,360,.5);}
.panel_menu a:before{position: absolute; top: 50%; left: 2.2rem; margin-top: -.5rem; display: inline-block; content: ""; width: .9rem; height: .9rem; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.panel_menu a:visited{color: #fff;}
.panel_menu a:active{background-color: #b41925;}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */

}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */

}


/*在线调查*/

.que_dl{line-height:3rem;padding:0 1rem; margin-top:7rem;}
.que_dl input{margin-right:1rem;}

.btn input{ width:100%; height:3rem; background-color:#c02632; cursor:pointer; color:#FFF; border-radius:0.5rem; border:none;}
.feedback_text{width: 98%; padding: 5px 1%; min-height: 80px; _height: 80px; _overflow-y: visible; line-height: 20px; font-size: 14px; border: 1px solid #ddd; resize: vertical;}

/*图片列表*/
.chan_pic{padding:0 0.5rem;background:#fff;}
.chan_pica{width:50%;margin-top:1rem;float:left;}
.chan_picc{border:1px solid #ddd;display:block;margin:0 0.5rem 0.5rem;}



@media all and (orientation :landscape) {
   .chan_pica img  {height:100%; width:37vh}
}
@media all and (orientation :portrait) {
   .chan_pica img  {width:100%; height:37vw}
}

.chan_pica p{font-size:1.4rem;line-height:3rem;padding:0 1rem;height:3rem;overflow: hidden;}
.chan_pic:first-child{padding-top:1rem;}
.chan_pic:last-child{padding-bottom: 1rem;}

/*add*/
.wen_box p, .wen_box span{ font-size: 1.2rem !important;color: #666 !important;
font-family: "微软雅黑" !important;line-height: 2.5rem !important;}
.top_back{position: absolute; top: 1.5rem; display: block; float:left;
left:1rem; display: inline-block; content: ""; width: 1.5rem;  height: 1.5rem;
 border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
 
 /*成员企业名录*/
.member3{width:100%;height:auto;}
.member4{background:#E5E5E5;height:auto;margin-top:20px;}
.member4a{width:100%;height:40px;background:#C02632;color:#fff;font-size:14px;}
i{ font-style:normal;}
.member4a i{width:40px;height:40px;display:inline-block;text-align:center;line-height:40px !important;background:#262E55;}
.member4a span{width:100%;height:40px;text-align:center;line-height:40px;display:inline-block;color:#fff !important;}
.member4b{width:100%;height:40px;border-bottom:1px solid #ddd;}
.member4b i{display:inline-block;height:40px;width:40px;text-align:center;line-height:40px !important;background:#e3e2e2;}
.member4b a{display:inline-block;width:100%;height:40px;}
.member4b span{padding-left:10px;line-height:40px !important;}
.member4:first-child{margin-top:0px;}


