/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt 流程*******************************************/
.banner_area h2{ color:#2b593f}
.banner_area h2:after{ background:#2b593f}
.sub_next_ul li a:before{ background-image:url(../images/smt/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/smt/1on.png)}
.sub_next_ul li.icon01 a:before{ width:32px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:37px; background-position:-39px center}
.sub_next_ul li.icon03 a:before{ width:33px; background-position:-78px center}
.sub_next_ul li.icon04 a:before{ width:33px; background-position:-115px center}
.sub_next_ul li.icon05 a:before{ width:36px; background-position:-153px center}
.sub_next_ul li.icon01 a{ padding-left:42px;}
.sub_next_ul li.icon02 a{ padding-left:47px;}
.sub_next_ul li.icon03 a{ padding-left:43px;}
.sub_next_ul li.icon04 a{ padding-left:43px;}
.sub_next_ul li.icon05 a{ padding-left:46px;}
.sub_next_ul li{ margin-right:85px}
/**/
.blog_list{}
.blog_list li{ width:32%; margin-right:2%; margin-bottom:4%; position:relative}
.blog_list li:nth-child(3n){ margin-right:0}
.blog_list li .thumb{ overflow:hidden; position:relative; margin-bottom:15px;}
.blog_list li .thumb img{ display:block; width:100%; height:auto}
.blog_list li label{ color:#5c5c5c; display:block; font-size:18px; margin-bottom:10px}
.blog_list li a.title{ font-size:26px; color:#000; line-height:1.2; display:block; margin-bottom:50px}
.blog_list li a.amore{ color:#252525; font-weight:bold; position:absolute; left:0; bottom:0}
.blog_list li a.amore i{ background:#119466;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; color:#fff; font-size:12px;
width:20px; text-align:center; height:20px; line-height:20px; padding-left:2px; margin-right:10px}
/**/
.blog_show{ float:left; width:70%;}
.blog_h1{ font-size:35px; display:block; line-height:1}
.blog_desc{ font-size:16px; line-height:1.4; margin-top:30px}
.blog_desc img{ max-width:100%; height:auto; vertical-align:top;display: inline-block;}
.blog_cat{ float:right; width:30%; padding-left:100px; padding-top:82px}
.blog_seach{ border:2px solid #efefef; padding-right:36px; position:relative}
.blog_seach input{ display:block; width:100%; padding:15px; border:0}
.blog_seach button{ width:36px; display:block; height:100%; border:0; background:url(../images/news/icon_serchbt.webp) no-repeat center center; position:absolute; right:0; top:0; cursor:pointer}
.blog_share{ border-top:2px solid #efefef;border-bottom:2px solid #efefef; margin-top:50px; font-size:16px; padding:15px 0; position:relative}
.blog_share a{ width:50px; height:50px; display:inline-block; margin-right:15px; background:url(../images/news/icon_share.png) no-repeat}
.blog_share label{ margin-right:15px; margin-left:15px}
.blog_share a.face{ background-position:-61px center}
.blog_share a.twi{ background-position:-121px center}
.blog_share a.in{ background-position:-182px center}
.blog_share a.sina{ background-position:right center}
.blog_share a:hover{ background-image:url(../images/news/icon_shareon.png)}
.blog_share .views{ background:url(../images/news/icon_view.webp) no-repeat left center; padding-left:30px; position:absolute; right:15px; top:27px}
.hots_title{ display:block; font-size:30px; margin-top:30px; margin-bottom:30px}
.blog_hots li{ position:relative; height:67px; padding-left:120px; margin-bottom:15px}
.blog_hots li .thumb{ width:100px; height:66px; position:absolute; left:0; top:0; overflow:hidden}
.blog_hots li .thumb img{ width:100%; height:auto; display:block}
.blog_hots li label{ font-size:13px; color:#8a8a8a; display:block;}
.blog_hots li b{ display:block; line-height:1.2; overflow:hidden; height:32px; margin-bottom:10px;}
.blog_hots li a:hover b{ color:#119466}
/**/
#knowledge_desc{ background:#ededed; margin-top:0px}
.knowledge_list{}
.knowledge_list li{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; background:#fff; padding-bottom:80px; border-bottom:1px solid #fff}
.knowledge_list li:nth-child(3n){ margin-right:0}
.knowledge_list li .thumb{ overflow:hidden; position:relative; z-index:100}
.knowledge_list li .thumb img{ display:block; width:100%; height:auto}
.knowledge_list li .desc{ padding:25px; font-size:16px;}
.knowledge_list li label{ color:#119466; display:block; font-size:18px; margin-bottom:10px}
.knowledge_list li a.title{ font-size:20px; color:#000; line-height:1.2; display:block; margin-bottom:15px}
.knowledge_list li a.amore{ color:#252525; font-weight:bold; position:absolute; left:25px; bottom:25px; border:1px solid #a1a1a1; padding:10px 15px}
.knowledge_list li:before{ height:100%; width:1px; content:""; position:absolute; left:0px; bottom:0; display:block; z-index:88}
.knowledge_list li:after{ height:100%; width:1px; content:""; position:absolute; right:0px; bottom:0; display:block; z-index:88}
.knowledge_list li:hover a.title{ color:#119466}
.knowledge_list li:hover:before,.knowledge_list li:hover:after{ background:#119466}
.knowledge_list li:hover{ border-bottom:1px solid #119466}
.knowledge_list li:hover a.amore{ border-color:#119466; background:#119466; color:#fff}
/**/
.pcb_quote{ background:url(../images/news/n2.webp) no-repeat center center; padding:200px 0; margin-top:25px}
.pcb_quote .wcenter{ max-width:1100px}
.pcb_quote b{ font-size:45px; text-transform:uppercase}
.pcb_from{ margin-top:50px}
.pcb_from li{ padding:15px}
/**/
#comments_desc{background:#f2f4f5}
.comments_list{}
.comments_list li{ float:left; width:24%; margin-right:1.3333333333%; background:#fff; padding:20px; margin-bottom:1.6%}
.comments_list li:nth-child(4n){ margin-right:0}
.comments_list .thumb{ display:block; text-align:center; float:left; width:100%}
.comments_list .thumb img{ display:block; width:100%; height:100%}
.comments_list .pics img{ display:block; float:left; width:60px; height:auto; margin-right:10px; height:50px; margin-top:10px} 
.comments_list .pics{ float:left; width:100%; margin-bottom:10px}
.userform{ float:left; width:100%; position:relative;}
.userform img{ display:block; width:37px; height:37px; float:left; margin-right:15px}
.userform span{display:block; line-height:1.0;}
.userform span.name{ padding-top:6px}
.userform span.city-icon{ position:absolute; left:54px; top:24px;}
.userform .star-icon{background:url(../images/icon_star5.webp) repeat-x left center; width:138px; height:25px; position:absolute; right:0; top:6px}
.userform .star-icon.star5{}
.userform .star-icon.star4{background-image:url(../images/icon_star4.webp)}
.userform .star-icon.star3{background-image:url(../images/icon_star3.jpg)}
.userform .star-icon.star2{background-image:url(../images/icon_star2.jpg)}
.userform .star-icon.star1{background-image:url(../images/icon_star1.jpg)}
.comments_list .desc{ line-height:1.4; padding:15px 0; float:left; width:100%; overflow:hidden; height:87px; margin-bottom:35px}
.comments_list .datetime{ float:left; width:100%}
.comments_list .datetime font{ display:block; float:left; margin-right:30px; position:relative; padding-left:25px; line-height:17px; color:#999}
.comments_list .datetime font:before{ content:""; display:block; position:absolute; left:0; top:0px; width:17px; height:17px; background:url(../images/icon_its.jpg) no-repeat;}
.comments_list .datetime font.number{ margin-right:0;padding-left:25px;}
.comments_list .datetime font.view{padding-left:30px;}
.comments_list .datetime font.number:before{ background-position:right center; top:0;}
.comments_list .datetime font.view:before{ background-position:-164px center; top:0; width:23px;}
/**/
.userform span.name{ max-width:100px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media(max-width:1674px){
.pcb_quote .wcenter{ margin:0 auto}	
.pcb_quote b{ font-size:35px; line-height:1.2; margin-bottom:10px}
.pcb_quote{ padding:100px 0}
}
@media(max-width:1600px){
.userform .star-icon{ width:110px; height:20px; top:8.5px; background-size:100% auto}
}
@media(max-width:1500px){
.comments_list li{ width:32%; margin-right:2%; margin-bottom:2%}
.comments_list li:nth-child(4n){ margin-right:2%}
.comments_list li:nth-child(3n){ margin-right:0%}
}
@media(max-width:1200px){
	.blog_cat{ display:none}
	.blog_show{ width:100%}
	.pcb_quote .wcenter{ margin-left:30px; margin-right:30px;}
	.pcb_quote b{ font-size:25px;}
}
@media(max-width:1180px){
.h2_title{ font-size:30px; margin-bottom:30px}
#video_desc{ padding:60px 0}
.blog_h1{ font-size:30px}
.userform span.name{ max-width:90px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#comments_desc{ padding:60px 0}
}
@media(max-width:1000px){
.blog_list li{ width:48%; margin-right:4%}
.blog_list li:nth-child(3n){ margin-right:4%}
.blog_list li:nth-child(2n){ margin-right:0%}
.pcb_quote{ padding:60px 0}
.comments_list li{ width:48%; margin-right:4%; margin-bottom:4%}
.comments_list li:nth-child(4n){ margin-right:4%}
.comments_list li:nth-child(3n){ margin-right:4%}
.comments_list li:nth-child(2n){ margin-right:0%}

.knowledge_list li{width: 49%;}
.knowledge_list li:nth-child(3n){margin-right: 2%;}
.knowledge_list li:nth-child(2n){margin-right: 0%;}
.knowledge_list li a.title {font-size: 20px;line-height: 1.2;}
.knowledge_list li .desc p{font-size: 13px;}
}
@media(max-width:700px){
.blog_list li a.title{ font-size:20px}
.userform .star-icon{ top:15px; height:66px; height:20px}	
.comments_list .datetime font{ font-size:12px; padding-left:18px; margin-right:15px}
.comments_list .datetime font:before{ width:13px; height:13px; background-size:auto 100%; top:2px}
.comments_list .datetime font.view{ margin-right:0}
.comments_list .datetime font.view:before{ background-position:-120px center; top:3px}
}
@media(max-width:600px){
.comments_list li{ width:100%; margin-right:0%; margin-bottom:4%}
.comments_list li:nth-child(4n){ margin-right:0%}
.comments_list li:nth-child(3n){ margin-right:0%}
.comments_list li:nth-child(2n){ margin-right:0%}


.knowledge_list li{width: 100%;margin-right: 0%;}
.knowledge_list li:nth-child(3n){margin-right: 0%;}
.knowledge_list li:nth-child(2n){margin-right: 0%;}
.knowledge_list li a.title {font-size:18px;line-height: 1.1;}
.knowledge_list li .desc p{font-size: 12px;}
}	
@media(max-width:400px){
.blog_list li{ width:100%; margin-right:0%}
.blog_list li:nth-child(3n){ margin-right:0%}
.blog_list li:nth-child(2n){ margin-right:0%}
}