@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.h2{
	margin-top:0.6rem;
	font-size:0.5rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom:0.099rem;
	text-align:center;
	position:relative
}
.h2:before{content: ""; width:1rem; height:5px; background-color:#f36f2e; position:absolute; left:50%; top:0.8rem; margin-left:-0.5rem}
.h2 span{ color:#f36f2e}

/*选项卡tab*/
.tabbox{width:100%; height:auto; margin-top:0.7rem; }

.tocnc_tab_ul{width:100%; height:auto; overflow:hidden;  padding: 0.2135rem; margin-top:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color: #ffffff; box-shadow: 0px 0px 46px 0px rgba(10, 80, 180, 0.08); border-radius: 0px 0px 0px 50px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.tocnc_tab_ul li{width:25%; height:auto;}
.tocnc_tab_ul li span{ display:none}
.tocnc_tab_ul li.on p{ color:#f36f2e; font-weight:bold}
.tocnc_tab_ul li p{ text-align:center; font-size: 0.3rem; line-height:0.7rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*box*/
.tocnc_tab_box{ width:100%; height:auto; overflow:hidden;}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}

.l_r{width:100%; height:auto;  overflow:hidden;}
.l_r .l{width:100%; height:auto}
.l_r .r{ display:none}


.cpname {
    font-size: 0.4rem;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    text-align:center;
	margin-top:0.2rem;
	padding-bottom:0.2rem;
    border-bottom: 1px solid #cccccc;
}
.cptext{
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.65rem;
    letter-spacing: 0px;
    color: #333333;
    text-align: justify;
 
	margin-top:0.3rem
}
.cpurl{display:inline-table; margin-top:0.12rem; padding:5px 15px; background-color:#f36f2e; font-size: 0.28rem; border-radius:50px; color:#fff!important;}
.cpurl:hover{ background-color:#0a50b4}


/*关于我们*/
.about_index{ width:100%; height:auto; overflow:hidden; margin-top:0.5rem; background: #f36f2e;}
.a_left{width:100%; height:auto; padding: 0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.a_right{width:100%; height:auto;}
.a_right img{width:100%; height:auto;}

.about_index h2{
	font-size: 0.46rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	text-align:center;
	position:relative
}
.about_index h2:before{content: ""; width:50px; height:4px; background-color:#fff; position:absolute; left:50%; margin-left:-25px; top:0.8rem}
.about_index p {
    margin-top: 0.65rem;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.65rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: justify;
    text-indent: 2em;
}
.abouturl{display:inline-table; margin-top:0.15rem; padding:5px 15px; background-color:#FB9524; font-size: 0.28rem; border-radius:50px; color:#fff!important;}
.abouturl:hover{ background-color:#0a50b4}

/*近况动态*/
.news_index{width:100%; height:auto; overflow:hidden; margin-top:0.7rem;}
.news_index .l_pic{width:100%; height:auto;}
.news_index .r_pic{width:100%; height:auto; margin-top:0.3rem}

.news_index .l_pic>div{ display:none; overflow: hidden;}
.news_index .l_pic>div img{width: 100%; height:auto;}
.news_index .l_pic>div.on{ display:block}

.index_news_ul{
	width:100%;
	height:auto;
	margin-top:0.4rem;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_news_ul li{width:31%; height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_news_ul li img{width: 100%; height:auto;}
.index_news_ul li.on{border: 0.02rem solid #0950b4; }

.index_news_text{width:100%; height:auto;}
.index_news_text>div{display:none; font-size:0.38rem; color: #333333;  }
.index_news_text>div p{line-height:2; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; transition: all 0.5s;}
.index_news_text>div p:hover {transform: translateY(-0.05rem);}
.index_news_text>div span{
	display: block;
    font-size: 0.12rem;
    color: #cccccc;
    margin-top: 0.1rem;
    cursor: pointer;
    transition: all 0.5s;
}
.index_news_text>div span:hover{transform: translateY(-0.05rem);}
.index_news_text>div.on{ display:block}

.newsurl{display:inline-table; margin-top:0.3rem; padding:5px 15px; background-color:#FB9524; font-size: 0.28rem; border-radius:50px; color:#fff!important;  transition: all 0.5s;}
.newsurl:hover{ background-color:#0a50b4}

/*资讯左右*/
.news_l_r{width:100%; height:auto; overflow:hidden; margin-top:0.5rem;}
.news_l_r .n_left{width:100%; height:auto; padding: 0.3rem; background-color:#FEFAED; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.news_l_r .n_right{width:100%; height:auto; padding: 0.3rem; background-color:#FEFAED; margin-top:0.3rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}

/*新闻*/
.news_biaoti{
	font-size: 0.30rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.5rem;
    letter-spacing: 0px;
    color: #0950b4;
	position:relative
}
.news_biaoti span{ position:absolute; right:0; top:0; font-size: 0.28rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.1719rem;
    letter-spacing: 0px;
    color: #999999;
}
.news_biaoti span a{color: #999999;}

.news_ul_li{width:100%; height:auto; margin-top: 0.3rem;}
.news_ul_li li{width:100%; height:auto; line-height: 0.7rem; font-size:0.28rem; color:#999999; overflow:hidden}
.news_ul_li li p{float:left; width:82%; height:auto; color:#999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_ul_li li span{float:right; color:#999;}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:80px; line-height:30px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; image-rendering: -webkit-optimize-contrast;}
.slideBox .bd li img{vertical-align:top; width:100%; height:auto;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.h2{
	margin-top:0.3rem;
	font-size:0.2rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom:0.099rem;
	text-align:center;
	position:relative
}
.h2:before{content: ""; width:0.5rem; height:5px; background-color:#f36f2e; position:absolute; left:50%; top:0.35rem; margin-left:-0.25rem}
.h2 span{ color:#f36f2e}

/*选项卡tab*/
.tabbox{width:100%; height:auto; margin-top:0.4rem; background: linear-gradient(to right, transparent 60%, #ebf3ff 60%); /* 背景渐变 */}

.tocnc_tab_ul{width:70%; height:auto; overflow:hidden;  padding: 0.2135rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color: #ffffff; box-shadow: 0px 0px 46px 0px rgba(10, 80, 180, 0.08); border-radius: 0px 0px 0px 50px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.tocnc_tab_ul li{width: 0.8073rem; height:auto;}
.tocnc_tab_ul li span{
	display:block;
	width: 0.8073rem;
    height: 0.8125rem;
    border-radius: 50%;
    border: solid 1px #cccccc;
    background: url(../images/cpyuan.png)no-repeat;
    background-size: 100% 100%;
	text-align:center
}
.tocnc_tab_ul li span img{width: 0.5521rem; height: 0.4323rem; margin-top: 0.19rem;}
.tocnc_tab_ul li.on span{
	color: #464646;
	background: url(../images/cphoveryuan.png) no-repeat;
	background-size: 100% 100%;
}
.tocnc_tab_ul li p{ text-align:center; font-size: 0.0938rem; line-height:0.2rem;}


/*box*/
.tocnc_tab_box{ width:100%; height:auto; overflow:hidden;}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}

.l_r{width:100%; height:auto; padding:0.23rem 0; overflow:hidden}
.l_r .l{ float:left; width:45%; height:auto}
.l_r .r{ float:right; width:45%; height:auto; position:relative}
.l_r .r img{ max-width:100%; height:auto; left: -0.45rem;}

.cpname {
    font-size: 0.13rem;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    text-align: left;
    margin-bottom: 0.2rem;
    padding-bottom: 0.0625rem;
	margin-top:0.2rem;
    border-bottom: 1px solid #cccccc;
}
.cptext{
    font-size: 0.0938rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.1875rem;
    letter-spacing: 0px;
    color: #333333;
    text-align: justify;
 
}
.cpurl{display:inline-table; margin-top:0.15rem; padding:10px 25px; background-color:#f36f2e; font-size: 0.08rem; border-radius:50px; color:#fff!important;}
.cpurl:hover{ background-color:#0a50b4}

/*关于我们*/
.about_index{ width:100%; height:auto; overflow:hidden; margin-top:0.349rem; background: #f36f2e;}
.a_left{float: left; width: 60%; height:auto; padding: 0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.a_right{ float:right; width: 40%; height:auto;}
.a_right img{width:100%; height:auto;}

.about_index h2{
	font-size: .2rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.2917rem;
	letter-spacing: 0px;
	color: #ffffff;
	position:relative
}
.about_index h2:before{content: ""; width:100px; height:5px; background-color:#fff; position:absolute; left:0; top:0.32rem}
.about_index p {
    margin-top: 0.1875rem;
    font-size: 0.0938rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.1875rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: justify;
    text-indent: 2em;
}
.abouturl{display:inline-table; margin-top:0.15rem; padding:10px 25px; background-color:#FB9524; font-size: 0.08rem; border-radius:50px; color:#fff!important;}
.abouturl:hover{ background-color:#0a50b4}

/*近况动态*/
.news_index{width:100%; height:auto; overflow:hidden; margin-top:0.349rem;}
.news_index .l_pic{ float:left; width:47.6%; height:auto;}
.news_index .r_pic{ float:right; width:47.6%; height:auto;}

.news_index .l_pic>div{ display:none; border-radius: 100px 0px 0px 0px; overflow: hidden;}
.news_index .l_pic>div img{width: 100%; height:auto;}
.news_index .l_pic>div.on{ display:block}

.index_news_ul{
	width:100%;
	height:auto;
	margin-top:0.26rem;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_news_ul li{width:31%; height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_news_ul li img{width: 100%; height:auto;}
.index_news_ul li.on{border: 0.02rem solid #0950b4; }

.index_news_text{width:100%; height:auto;}
.index_news_text>div{display:none; font-size:0.1563rem; color: #333333;  }
.index_news_text>div p{line-height:2; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; transition: all 0.5s;}
.index_news_text>div p:hover {transform: translateY(-0.05rem);}
.index_news_text>div span{
	display: block;
    font-size: 0.11rem;
    color: #cccccc;
    margin-top: 0.12rem;
    cursor: pointer;
    transition: all 0.5s;
}
.index_news_text>div span:hover{transform: translateY(-0.05rem);}
.index_news_text>div.on{ display:block}

.newsurl{display:inline-table; margin-top:0.15rem; padding:10px 25px; background-color:#FB9524; font-size: 0.08rem; border-radius:50px; color:#fff!important;  transition: all 0.5s;}
.newsurl:hover{ background-color:#0a50b4}

/*资讯左右*/
.news_l_r{width:100%; height:auto; overflow:hidden; margin-top:0.349rem;}
.news_l_r .n_left{ float:left; width:48%; height:auto; padding: 0.1667rem; background-color:#FEFAED; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.news_l_r .n_right{ float:right; width:48%; height:auto; padding: 0.1667rem; background-color:#FEFAED; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}

/*新闻*/
.news_biaoti{
	font-size: 0.1354rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.1719rem;
    letter-spacing: 0px;
    color: #0950b4;
	position:relative
}
.news_biaoti span{ position:absolute; right:0; top:0; font-size: 0.125rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.1719rem;
    letter-spacing: 0px;
    color: #999999;
}
.news_biaoti span a{color: #999999;}

.news_ul_li{width:100%; height:auto; margin-top: 0.1rem;}
.news_ul_li li{width:100%; height:0.23rem; line-height: 0.23rem; font-size:0.10rem; color:#999999; overflow:hidden}
.news_ul_li li p{float:left; width:82%; height:auto; color:#999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_ul_li li span{float:right; color:#999;}
}