/*所有文字*/
:root{
  --yx_FS_BannerBig:48px;
  --yx_FSOne: 36px;
  --yx_FSTwo: 30px;
  --yx_FSThree:24px;
  --yx_FSFour: 20px;
  --yx_FSFive: 18px;
  --yx_FSSix: 16px;
  --yx_Color:#38aeef;
  --yx_ColorTwo:#073c82;
}
/*文字超出后...*/

.title_hs01{
	margin-top:10px;
	font-weight:bold;
    background-color: #00c6f7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 30px;
    width: 200px;
    display: flex;
    font-size: 16px;
    color: #073c82;
    text-transform: uppercase;
    margin-bottom: 10px;
	position: relative;
	}
	
.title_hs02{
  position: absolute;
  top:4px;
  right:0;
	}
	
.yx_Title{
  display:block;
  overflow:hidden;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  white-space : nowrap;
}
.yx_Summary{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
}
.yx_iconfont{
  font-family: 'yx_iconfont' !important;
}


a {
  cursor: pointer;
  text-decoration: none !important;
}

a:focus, a:active, a:hover, a:visited {
  outline: none !important;
  text-decoration: none !important;
}
i {
  font-style: normal;
}


#c_portalResProduct_category-16327243867932029 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
	text-align:left;
}
/*显示鼠标放上去变化*/
.yx_ani * {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 和 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.yx_ani *:before {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 和 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.yx_ani *:after {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 和 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.yx_Clear:before, .yx_Clear:after {
  display: table;
  clear: both;
  content: "";
}

/*Flex*/
.yx_flex {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.yx_flexWrap {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*设备盒子阴影*/
#c_portalResProduct_category-16327243867932029 .box {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

#c_portalResProduct_category-16327243867932029 .cate-pic-box {
    padding-bottom: 75%;
}

#c_portalResProduct_category-16327243867932029 .content {
    padding: 20px 25px;
}

#c_portalResProduct_category-16327243867932029 .yx_Title {
    font-size: var(--yx_FSFive);
    color: var(--yx_ColorTwo);
    font-weight: bold;
    margin-bottom: 10px;
	text-align:center;
}

#c_portalResProduct_category-16327243867932029 .yx_Summary {
    font-size: 14px;
    color: #74757c;
    line-height: 22px;
    height: 44px;
    margin: 5px auto;
}

#c_portalResProduct_category-16327243867932029 .cp_more {
    font-size: 14px;
    color: var(--yx_Color);
    margin-top: 15px;
}

#c_portalResProduct_category-16327243867932029 .cp_more i {
    display: inline-block;
    padding-left: 10px;
    color: var(--yx_Color);
    font-size: var(--yx_FSFive);
}
/*图片变化*/
#c_portalResProduct_category-16327243867932029 .box:hover img {
    transform: scale(1.1);
}


/*图片样式*/
.yx_ImgContain,.yx_ImgCover{
  position:relative;
  height:0;
  overflow: hidden;
}
.yx_ImgContain img{
  position:absolute;
  max-height:100%;
  max-width:100%;
  top:50%;
  left:50%;
  width:auto;
  height:auto;
  transform:translate(-50%,-50%);
  transition: all 0.5s;
}
.yx_ImgCover img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}
/*结束*/

@media only screen and (min-width:769px) {
  .yx_List4 {
    display: block;
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .yx_List4:nth-child(4n) {
    margin-right: 0;
  }
  .yx_List3 {
    display: block;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .yx_List3:nth-child(3n) {
    margin-right: 0;
  }
  .p_problemCategory{
    display:none;
  }
}
@media only screen and (max-width:768px) {
  .p_problemCategory{
    display:block ;
  }
  .yx_PageNav_Box{
    display:none !important;
  }
  .yx_List3 {
    display: block;
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 18px;
  }
  .yx_List4 {
    display: block;
    width: calc((100% - 10px) / 2) !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .yx_List4:nth-child(2n) {
    margin-right: 0;
  }
}

/*图片从下往上显示*/

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp,
.fadeInUphover:hover {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
/**/
#Title_Boxbig{
 position:relative; margin:20px auto; width:1160px; min-width:925px; max-width:1160px; text-align:left; 
}
#Title_Boxd{
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	
}
.Title_box{
	width:100%;
	position:relative;
	padding-bottom:30px;
}
.Title_box .title_hs{
	background-color:#00c6f7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	height:30px;width:200px;
	display:block;
	width:200px;
	font-size:18px;
	color:#073c82;
	text-transform:uppercase;
	margin-bottom:15px;
}
.Title_box .line_hs{
	width:100%;
	height:1px;
	background:#ccc;
	posttion:relative;
}

.line_hs01{
	margin:10px 0 0 0;
	width:100%;
	height:1px;
	background:#ccc;
	posttion:relative;
}
.margin-height{
	margin-top:5px;
	margin-bottom:50px;
}
.yang010{
	height:230px;
	padding-top:40px;
    background-color:#e9f1fc;
}
/* 新闻 */
div,time,span,i,h3,ul,li{
  margin:0 0;
  padding::0 0;
  list-style:none;
}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #000;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
.UlList{
    paddint-top:0;	
}
.UlList li{
	overflow:hidden;
	padding-left:160px;
	padding-right:158px;
	position:relative;
	/*margin-bottom:1%;*/
	background-color:#fafafa;
	transition:0.3%;
}
.UlList li:hover{
    background-color:#c0e7f5;	
}
.UlList li div{
    border-left:1px solid #ededed;
	padding:2% 3%;	
}
.UlList li time{
    position:absolute;
	left:0;
	top:0;
	width:160px;
	height:100%;
}
.UlList li time span{
    position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY)-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#b2b2b2;
	font-size:14px;	
}
.UlList li time i{
	/*font-style:normal;*/
	font-size:18px;
	color:#999;
	display:block;
	/*font-family:"Courier New",Courier,monospace;*/
	line-height::24px;
}
.UlList li time i:after{
    display:block;
	content:'';
	margin:5px auto;
	height:1px;
	width:70%;
	max-width:70px;
	background:#dfdfdf;
}
.UlList li:after{
    position:absolute;
	content:'';
	right:0;
	top:0;
	width:88px;
	height:100%;
	background:url(/templates/main/images/PicList002149-more.png) no-repeat center center; border-left:1px solid #fff;
}