/*===================================================基础设置===================================================*/
body{background-color: #fff;}

/*--------------------------------全局变量--------------------------------*/
:root {
  --pgWidth:90%;/*页面宽度87.5rem*/
  --hdHeight:3.75rem;/*头部高度*/ 
  
  /*色系_深灰*/
  --mainColor:#f45953;
  --nearColor:#fff2f2;
  --secondColor:#fff2f2;
  --subColor:#fff2f2;
  
  /*色系_深蓝
  --mainColor:#0588d3;
  --nearColor:#0070b0;
  --secondColor:#b4e2fd;
  --subColor:#f0f6f9; 
  */
  
  /*色系_深绿
  --mainColor:#3c9a39;
  --nearColor:#2d2f2c;
  --secondColor:#eeeeee;
  --subColor:#f5f5f5; 
  */
  
  /*色系_深橘色 
  --mainColor:#d86b00;
  --nearColor:#824000;
  --secondColor:#eeeeee;
  --subColor:#eee; 
  */ 
}

.mainColor{background-color: var(--mainColor,#107eec); }
.nearColor{background-color: var(--nearColor,#4eae6a) !important;  }
.secondColor{background-color: var(--secondColor,#e4eff5) !important; }
.subColor{background-color: var(--subColor,#f6f8fc);}


/*--------通用a标签--------*/
a{ text-decoration:none;outline:none;color: #666;}
a:visited {text-decoration:none;}
a:hover {
    color: #C00;text-decoration:none;
    -webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;}


/*----------------------------------------------页面头部header----------------------------------------------*/

/*--------头部--------*/
#header {   
	width: 100%;
	z-index: 900;}

/*导航固定时的头部高度-*/
.headerspace{display:none;}


/*顶部*/	
#top{
	position:relative;
	width: 100%;
	height: 1.875rem;
	line-height: 1.85rem;
	color: #7f8c8d;
	background-color: #fff;
	/*border-bottom: 1px solid #e6e6e6;*/
	z-index: 901;
    box-shadow: 0 0 1.25rem rgb(0,0,0,0.1);
    margin:0 0 1rem 0;
}
#top .welcome{float:left;color:#999;}
#top .welcome i{font-size:0.75rem;padding-right:0.5rem;}
#top ul{float:right;}
/*#top ul li{float:left;margin-right:1.5rem;}*/
#top ul li a{color:#999;}
#top ul li a:hover{ color:#333;}


/*logo*/
#header .hdLogo {
	position: relative;
	overflow:hidden;
	z-index:99;
}
/*logo图片*/
#header .hdLogo img {display: block;margin-top: 0.625rem;}
/*平台名*/
#header .hdLogo h2{margin-top: 0.5rem;font-size:1.75rem;color:#333;}
/*平台英文名*/
#header .hdLogo h4{
	margin-top:0.375rem;
	font-size:1rem;
	color:#aaa;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


/*头部右侧*/
#header .hdOther {
	position: relative;
	float: right;
	z-index:999;
}
	

/*--------导航（PC端）--------*/

/*导航背景(通栏)*/
#header .navbg {
	clear: both;
	position: relative;
	height: 3.125rem;
	/*-moz-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
	-webkit-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
	box-shadow: 0 5px 6px rgba(10,57,93,0.26);*/
	z-index:9;
}
	
/*导航*/	
.navBar {
	position: absolute;
	display: table;
	z-index: 22;
}
	
/*所有导航项UL样式*/		
.navBar ul {
	position: absolute;visibility: hidden;opacity: 0;
	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;/*背景色*/	
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition:all .4s ease;
	box-shadow: 0 1rem 0.625rem -1rem #999;
	-moz-box-shadow: 0 1rem 0.625rem -1rem #999;
	-webkit-box-shadow: 0 1rem 0.625rem -1rem #999;
	z-index: 999;}

/*二级导航显示动画*/
.navBar ul {top: 60%;}		
.navBar li:hover > ul {opacity: 1;visibility: visible;top: 100%;}
	
/*三级导航显示动画*/		
.navBar ul ul {top: 0%;left: 80%;}
.navBar ul li:hover > ul {opacity: 1;visibility: visible;top: 0%;left: 98%;}
	
/*所有导航项li样式*/
.navBar li {position: relative;float: left;}

/*二级及以下导航*/	
.navBar ul li {	position: relative;float: none;}

/*一级a标签*/		
.navParent > a {
	display: block;
	padding: 0 3.5rem;
	line-height: 3.125rem;
	color: #333;
	font-size: 1.125rem;
	text-align: center;}
.navParent:hover > a, li.active a {
	color: #fff;
	background-color: #f45953;
}
	
/*一级a标签的箭头*/		
.navParent > a i {
	position:absolute;
	right: 0.5rem;
	font-size:1rem;
	transition: transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;}
.navParent:hover > a i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);}
	
/*当前选中样式*/		
.navParent > a.on {
	color: #fff;
	background-color: #f45953;
}

/*二级导航a标签*/	
.navParent ul li:hover > a {
	color: #fff;
	background-color: var(--nearColor,#5694e4);}
/*二级及以下导航a标签*/		
.navParent ul li a {
	display: block;margin: 0.625rem;padding:0.75rem 0;
	color: #333;font-size: 1rem;text-decoration: none;text-align: center;
	background-color: var(--secondColor,#e5f1fc);
	border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;}
.navParent ul li a:hover {
	color: #f45953;
	background-color: var(--nearColor,#5694e4);}


/*--------导航(移动端)--------*/
#navMbl{position:absolute;width:100%;}
#navMbl .navicon i{
	display:block;position:absolute;right:2%;
	margin-top:0.75rem;
	color:#666;font-size:2.5rem;
	border:1px solid #aaa;
	border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;}
.navBarMbl{
	position:absolute;display:none;	
	top:var(--hdHeight,3.75rem);	
	padding:3%;width:94%;
	line-height:2.5rem;
	background-color:#fff;	
	border:1px solid #ddd;
	box-shadow: 0 1rem 0.625rem -1rem #999;
	-moz-box-shadow: 0 1rem 0.625rem -1rem #999;
	-webkit-box-shadow: 0 1rem 0.625rem -1rem #999;
	z-index:999;}
.navBarMbl li{float:left;font-size:1.125rem;}
.navBarMbl ul li{
	position:relative;float:left;width:33%;
	font-weight:normal;}
.navBarMbl ul ul{
	position:absolute;display:none;
	left:6rem;top:0rem;
	width:94%;padding-left:6%;
	background-color:#daeeff;
	border:1px solid #ddd;
	z-index:99;}	
.navBarMbl ul ul li{width:100%;}	
.navMblParent{
	clear:both;
	width:100%;padding:0.5rem 0;
	font-weight:bold;
	border-bottom:1px solid #ddd;}
.navMblParent i{border:none;padding-left:0.5rem;}



/*----------------------------------------------子页面设置----------------------------------------------*/

/*--------分栏(非等距 2分栏)--------*/
.gdSubL {position:relative;float: left;width: 18%}
.gdSubR {position:relative;float: right;width: 80%}

/*--------子页面宽度--------*/
.layoutSub {
	margin-top:1rem !important;
	margin-bottom:3rem !important;
	box-sizing: border-box;
    -moz-box-sizing: border-box;}

/*--------子页面模块--------*/
.panelSub{
    position: relative;
	overflow: hidden;
    padding: 2rem 0;
    /*border: 1px solid #ddd;
    background-color: #f7f7f7;*/}

/*--------新闻列表页模块--------*/
.panelNews{
    position: relative;overflow: hidden;
    padding: 1rem 2%;
    border: 1px solid #ddd;
    background-color: #fff;}


/*--------------------------------左侧菜单--------------------------------*/
.panelMenu{}	
.panelMenu ul.menu {margin-bottom: 2.5rem;}

/*一级菜单*/	
.panelMenu ul.menu > li {font-size: 1rem;}
.panelMenu ul.menu > li a {
	position: relative;display:block;	
	padding:0.75rem 0 0.75rem 1rem;
	line-height: 2rem;
	border:1px solid #ddd;border-top:none;}
.panelMenu ul.menu > li:first-child{border-top:1px solid #ddd;}	

/*一级菜单i标签*/		
.panelMenu ul.menu > li a i {position:absolute;right:4%;color: #ddd;}
.panelMenu ul.menu > li a:hover {
	color: var(--mainColor,#0068b7);
	border-left:0.25rem solid var(--mainColor,#0068b7);
	background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu > li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenu ul.menu > li a.active {
	color:#f45953;
	border-left:0.25rem solid var(--mainColor,#0068b7);
	background-color:var(--nearColor,#5694e4);  }
.panelMenu ul.menu > li a.active i {color: var(--mainColor,#0068b7);}

/*二级菜单*/
.panelMenu ul.menu ul {display: none;
	background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu ul li a{padding-left:2.5rem;}
.panelMenu ul.menu ul li a:hover{border-left:0.25rem solid var(--nearColor,#5694e4);}
.panelMenu ul.menu ul li a.active {
	color: var(--mainColor,#0068b7);
	border-left:0.25rem solid var(--nearColor,#5694e4);}


/*--------------------------------上侧菜单--------------------------------*/
.panelMenuTop{
    background-color: #f1f1f1;
    overflow: hidden;}	
.panelMenuTop ul.menuTop {}

/*一级菜单*/	
.panelMenuTop ul.menuTop li {float: left;margin-right: 0.5rem; font-size: 1rem;}
.panelMenuTop ul.menuTop li a {
	position: relative;display:block;	float: left;
	padding:0 1rem;
	line-height: 3rem;color: #666;
    border-bottom-color:#f1f1f1;
    border-bottom-style: solid;
    border-bottom-width: 2px;}

.panelMenuTop ul.menuTop li a:hover {
	color: var(--mainColor,#0068b7);
    border-bottom-color:var(--mainColor,#0068b7);}
.panelMenuTop ul.menuTop li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenuTop ul.menuTop li a.active {
    color: var(--mainColor,#0068b7);
	border-bottom-color: var(--mainColor,#0068b7);}

.panelMenuTop ul.menuTop ul{float: left;}



/*----------------------------------------------模块设置----------------------------------------------*/

/*--------------------------------首页模块分割--------------------------------*/
.apartHome{padding:2.5rem 0;overflow: hidden;}
.apartHome-2{background-color:#f1f1f1;overflow: hidden;}
.apartHome-3{padding:2.5rem 0;background-color:var(--nearColor,#0068b7);overflow: hidden;}

/*--------------------------------banner--------------------------------*/	
/*--------首页banner--------*/
.bannerHome {
	clear: both;
	position: relative;
	margin-bottom:2.5rem;
}
/*通栏轮播图高度*
.bannerHome .slideBox {max-height:31.25rem}
.bannerHome .slideBox .bd img {max-height:31.25rem;}

/*--------子页面banner--------*/
.bannerSub {
	clear:both;
	position: relative;
	overflow: hidden;
	background-color: #021f41;
}
.bannerSub img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.gd5{
	margin:0.25rem 2.5% 1rem 0;
	width:18% !important;
}
.gd5:nth-child(5n){
	margin-right:0;
}
	

/*--------------------------------标题--------------------------------*/	
/*--------首页标题--------*/
.titleBigHome{
	margin-bottom:1.875rem;
	text-align:center;
	position: relative;
	padding: 1rem 0 0 0;
	overflow: hidden;
	height: auto;
}
.titleBigHome h3{float:left;font-size:1.25rem;color:#f45953;border-bottom: 0.125rem solid #f45953;}
.titleBigHome span{
	display:block;
	color: rgb(51,51,51,0.15);
	font-weight:normal;
	text-transform: uppercase;
	float: left;
	margin-left: 1rem;
	margin-top: 0.75rem;
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
}

/*--------子页面标题--------*/
.titleBigSub {
	overflow:hidden;margin-bottom: 1.25rem;
	text-align:center;}
.titleBigSub h3 {font-size: 1.5rem;line-height:2.4375rem;}


/*--------------------------------尾部footer--------------------------------*/
#footer {
    clear: both;overflow:hidden;
	padding: 1rem 0;
	background-color: #333;}
#footer p.copyright {color: #d5d5d5;line-height: 2rem;text-align: center;}
#footer a {color: #d5d5d5;}



/*===================================================更新module样式===================================================*/

.titleSmall-4,.titleSmall-3{
    background-color:#fff !important;}



/*===================================================定制化样式===================================================*/
.btns-top{
	float:right;
}
.btns-top a{
	display:block;
	float: left;
	border-radius: 0.25rem;
	width:4.375rem;
	height: 2rem;
	text-align: center;
	color:#fff;
	line-height:2rem;
	margin-left:0.625rem;
	font-size:0.875rem;
	margin-top: 0.6rem;
}
.btn-beian{
	background-color: #4eae6a;
	box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
	-moz-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
	-webkit-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
}
.btn-login{
	background-color: #107eec;
	box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
	-moz-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
	-webkit-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
}

.modNewsls-9 .modpanelTitle{
	background:url(../../public/58d199c0-8f0d-48d1-b365-fa88b37e462a.png) no-repeat !important;
} 
.modNewsls-9 .modpanelTitle ul.modNewsTab-9 li.active{
	background: rgb(84,165,102,0.84) !important;
}
.modNewsls-9 .modpanelTitle ul.modNewsTab-9 li{
	background: rgb(255,255,255,0.24) !important;
	opacity:1 !important;
	color:#fff !important;
}
.modNewsls-9 .modNewsCont-9 ul.lsNewslist a{
	background: #f9f9fb !important;
	border-radius:0.3125rem !important;
	-moz-border-radius:0.3125rem !important;
	-webkit-border-radius:0.3125rem !important;
	border: none !important;
}
.modNewsls-9 .modpanelTitle a.newsMore{
	text-align:right !important;
	padding-right:1.5rem !important;
}   
.cg-panel{
	margin:1.875rem 0;
}
.cg-panel li{
	float:left;
	text-align:center;
}   
.cg-panel li img,.cg-panel li span{
	display:block;
}
.cg-panel li:nth-child(odd) img{
	width: 4.6875rem;
    height: 5.1875rem;
	margin: 0 auto;
}
.cg-panel li:nth-child(even) img{
	
}
.cg-panel li span{
	font-size:1rem;
	padding:0.5rem 0;
}
.cg-panel div{
	float:left;
}
.cg-panel div img{
	width: 1.5625rem;
    height: 0.5625rem;
	margin: 2rem 0.5rem 0 0.5rem;
}


.iconlist-5, a.iconlist-5 {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0.25rem 1.25rem 0.25rem;
	height: 9.375rem;
	text-align: center;
	background-color: #fff;
	border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	box-shadow: 0.25rem 0.125rem 0.125rem #eee;
	-moz-box-shadow: 0.25rem 0.125rem 0.125rem #eee;
	-webkit-box-shadow: 0.25rem 0.125rem 0.125rem #eee;
}
.iconlist-5 i {
	display: block;
	margin: 1.25rem auto 0 auto;
	font-size: 2.4rem;
	color: #1565c0;
}
.iconlist-5 img {
	display: block;
	margin: 1rem auto 0 auto;
}
.iconlist-5 h3 {
	margin-top: 0.375rem;
	font-size: 1.125rem;
	color: #333
}
.iconlist-5 h4 {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	color: #999;
	font-weight: normal;
}
a.iconlist-5:hover {
	background-color: #bbdefb;
}
a.iconlist-5:hover i{
	font-size:3rem;margin-top:2.4rem;margin-bottom:0.625rem;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.col{
	clear: both;
	overflow: hidden;
	position: relative;
}
.tj-col4 {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.tj-col4:nth-child(3n){
	margin-right:0 !important;}
.iconlist-5, a.iconlist-5{
	height:12rem !important;}
.tj-col4 .iconlist-5 i{
	margin: 2.8rem auto 0 auto;
	font-size: 3.2rem;
	color: #f45953;}
.tj-col4 .iconlist-5 h3 {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	font-weight: normal;}
.tj-col4 .iconlist-5 h4 {
	font-size: 1rem;
	color: #808080;
	font-weight: normal;
	font-family: arial !important;}
.linearbgOrange{
	background-image: linear-gradient(#f45953,#ff9a50);}
.linearbgOrange h3,.linearbgOrange h4{
	color:#fff !important;}
.linearbgOrange h3{
	font-size:1.5rem !important;}
.linearbgOrange h4{
	font-size:1.3rem !important;}
.lineOrText{
	text-align:left;
	padding:1rem 0 0 2rem;
	float: left;
}
.lineOrImg{
	width:32%;
	padding:0.8rem 1rem 0 0;
}
a.iconlist-5:hover{background-color:#f9d0ce !important;}

.col3{float:left;width:32%;margin-right:2%;}
.col3:nth-child(3n){margin-right:0;}
.imgtxt-3, a.imgtxt-3 {
	position: relative;
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-top: 0.25rem;
}
.imgtxt-3 img {
	width:100% !important;
	display: block;
	position: relative;
	overflow: hidden;
	transition: all 0.6s;
	z-index: 1;
	margin-bottom:0 !important;
}
.imgtxt-3:hover img,a.imgtxt-3:hover img{transform: scale(1.2);}
.imgtxt-3 h4 {
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #353535;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;}
.imgtxt-3 p{
	padding:10px;}

.col4{float:left;width:23.5%;margin-right:2%;}
.col4:nth-child(4n){margin-right:0;}
.iconlist-2,a.iconlist-2{
	position:relative;display:block;overflow:hidden;
	padding:1.25rem 0.625rem;margin-top:0.25rem;margin-bottom:1rem;
	text-align:center;
	background-color:#fff;border:0.0625rem solid #eee;
	border-radius:0.75rem;
	-webkit-border-radius:0.75rem;
	-moz-border-radius:0.75rem;
	cursor: pointer;
}
a.iconlist-2:hover{
	margin-top:0;
	margin-bottom:1.25rem;
	border:0.0625rem solid #ccc;
}
.iconlist-2 i{
	display:block;margin:0 auto;margin-top:0.5rem;
	font-size:3rem;
	color:var(--mainColor);
	z-index:2;}
.iconlist-2:hover i{
	color:var(--mainColor);
}
.iconlist-2 img{
	display:block;margin:0 auto;
	z-index:2;}
.iconlist-2 h3{position:relative;padding-top:0.875rem;font-size:0.875rem;color:#333;}
.iconlist-2 span{display:block;padding:0 1.25rem;color:#999;line-height:1.625rem;margin-top:0.625rem;}

.imgtxt-1 img{
	height: 12.5rem !important;
}

/*头部下拉*/
.navbar-bottom .nav-links {
    position: relative;
    right: 0;
    height: 1.875rem;
    /*display: flex;
    align-items: center;*/
}

#top .navbar-bottom .nav-links li {
    /*margin-right: 10px;*/
    text-transform: uppercase;
    display: inline-block;
    height: 100%;
    color: #fff;
    position: relative;
}

#top .navbar-bottom .nav-links li a {
    font-size: 1rem;
    /*display: flex;
    align-items: center;*/
    height: 100%;
    padding: 0 1.25rem;
    font-family: 'Lato', sans-serif;
    transition: background .3s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: background .3s cubic-bezier(.165,.84,.44,1);
}

#top .navbar-bottom .nav-links .sub_links {
    position: absolute;
    top: 1.875rem;
    right: -2rem;
    width: 8.4rem;
    display: block;
    background: #fcf1e6;
    border-radius: 0.625rem;
    padding: 0.6rem 0;
    z-index: 99;
    transition: all .3s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1);
    visibility: hidden;
    opacity: 0;
    transform: translatey(7px);
}

#top .navbar-bottom .nav-links .sub_links li {
    position: relative;
    display: block !important;
    margin: 0 !important;
}
#top .navbar-bottom .nav-links .sub_links li:hover > a{
    background: #f67672;
    color: #fff;
}
#top .navbar-bottom .nav-links .sub_links li a {
    padding: 0.3rem 1.4rem !important;
    display: block;
    font-size: 0.875rem;
    color: #b17c62;
}

#top .navbar-bottom .nav-links li:hover > .sub_links {
    visibility: visible;
    opacity: 1;
    transform: translatey(0);
}

/*===================================================响应式===================================================*/

@media screen and (max-width:767px) {
	html{font-size:12px;}
    /*页面容器*/
    .layout,.layoutHd{width: 96%;}
    .layoutSub {width: 90%;}
	/*移动端导航*/
	#navMbl{display:block;}
	.navBar{display:none;height:0}
	.navbg{display:none;height:0}
	
	/*移动端左侧菜单*/
	.gdSubL{display:none;width:0}
	.gdSubR{width:100%;}

	/*头部LOGO图片*
	#header .hdLogo img {width:80%;}

	/*左侧菜单*/
	.panelMenu ul.menu > li a i {right:0;}
	.panelMenu ul.menu > li a {padding-left:0.125rem;}
	.panelMenu ul.menu ul li a{padding-left:0.125rem;}
	
	/*采购流程*/
	.cg-panel li:nth-child(odd) img{
		width: 4.6875rem;
		height: 5.1875rem;
		margin: 0 auto;
	}
	.cg-panel div img{
		width: 1.5625rem;
		height: 0.5625rem;
		margin: 2rem 0.5rem 0 0.5rem;
	}
}


@media screen and (min-width:768px) and  (max-width:1359px){
	html{font-size:14px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: 96%;}
	/*移动端导航*/
	#navMbl{display:none;}
	.navBar{display:block;}
	.navbg{display:block;}
    
    /*导航间距*/
    .navParent > a{padding: 0 1.5rem;}

}

	
@media screen and (min-width:1360px){
	html{font-size:16px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: var(--pgWidth,87.5rem);}

	/*移动端导航*/	
	#navMbl{display:none;}
	.navBar{display:block;}
	.navbg{display:block;}	

}