﻿/*首页*/
.i_about{ padding-bottom:4%; overflow:hidden; }
.i_about .i_about_con{ padding-top:3%; overflow:hidden;     width: 97%;    margin: 0 auto;    max-width: 1200px;    text-align: center;}
.i_about .imgs{ float:left; width:41.2%; overflow:hidden; margin-top:2%;}
.i_about .imgs img{ width:100%;}
.i_about .i_about_r{ float:right; width:51.6%; overflow:hidden; color:#828282; font-size:14px; line-height:30px; margin-right:2.5%;}
.i_about .i_about_r .i_about_t{ width:60%; max-width:303px;}
.i_about .i_about_r .i_about_txt{ padding-top:3%; text-align:left}
.i_case{ overflow:hidden; background:#f8f8f8 ; padding-bottom:3%;}
.i_case .i_case_con{overflow:hidden; width:99%; margin:0 auto;text-align:center;}
.i_case_t{ overflow:hidden; margin-top:3%; }

.i_case_t h2{ letter-spacing:1.5px;/* background:url(i_case_bg2.png) center center no-repeat; */ font-weight:normal; line-height:42px; color:#1f1a17; font-size:28px;}
.i_case_t label{color:#828282; font-size:14px; text-transform:uppercase; font-family:Arial; line-height:26px; letter-spacing:4px;}

.i_case .i_case_con .i_cast_a{ overflow:hidden; padding-top:1.2%;}
.i_case .i_case_con .i_cast_a a{ display:inline-block; height:30px; line-height:30px; border:1px solid #999999; font-size:14px; color:#565656; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%; padding:0 10px;}
.i_case .i_case_con .i_cast_a a:hover{
	background-color:#da251e;
	border:1px solid #c20903;
	color: #FFFFFF;
}
.i_case .i_case_con .i_cast_a a.csel{ background-color:#002468; border:1px solid #002468;}
.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%;}
.i_case .i_case_con ul li .portfolio-img{ position:relative; overflow:hidden;}
.i_case .i_case_con ul li .portfolio-img h2{ font-weight:normal; font-size:20px; color:#da251e; font-weight:bold; position:absolute;width:100%; top:35%; left:0; line-height:30px;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img img{ width:100%; display:block;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img p{ position:absolute; width:100%; height:100%;background-color: rgba(57, 57, 57, 0.8); top:0; left:0;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img p .icon-zoom2{display: block;width: 100%;height: 100%;position: absolute; top: 0; left: 0;background: url(i_case_bg3.png) no-repeat center 60%;}

.i_case .i_case_con ul li .portfolio-img h3{ font-weight:normal; font-size:14px; font-weight:bold; margin-top:20px;margin-bottom:10px;height:50px;}


.i_case .i_case_con ul li .portfolio-img li:hover h3{ font-weight:normal; font-size:12px; font-weight:bold; margin-top:20px;margin-bottom:10px;}

.i_case .i_case_con ul li:hover .portfolio-img p{filter: Alpha(Opacity=90);/*IE7 fix*/opacity: 0.9;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li:hover .portfolio-img h2{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.i_case .i_case_con ul li:hover .portfolio-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_video{ overflow:hidden; padding-bottom:2%; background:#ececec}
.i_video .i_video_con{ overflow:hidden; width:97%; margin:0 auto; max-width:1200px;text-align:center;}
.i_video .i_video_con .i_video_div{ position:relative; overflow:hidden; margin-top:3%; margin-bottom:50px;}
.i_video .i_video_con .i_video_div .i_video_l{ width:50%; overflow:hidden; position:relative; text-align:left;}
.i_video .i_video_con .i_video_div .i_video_l .i_video_img{ overflow:hidden;}
.i_video .i_video_con .i_video_div .i_video_l .i_video_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_video .i_video_con .i_video_div .i_video_l h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:url(i_video_bg1.png) repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; left:0; position:absolute; bottom:0; width:94%;}
.i_video .i_video_con .i_video_div .i_video_l i{ display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:url(i_video_pic1.png) center center no-repeat;}
.i_video .i_video_con .i_video_div .i_video_l:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_video .i_video_con .i_video_div .i_video_l:hover h2{background:url(i_video_bg2.png) repeat;}
.i_video .i_video_con .i_video_div .i_video_r{ width:100%; height:100%; }
.i_video .i_video_con .i_video_div .i_video_r ul{ display:inline-table; width:100%; margin-left:-1%}
.i_video .i_video_con .i_video_div .i_video_r ul li{ float:left; width:19%;  overflow:hidden;height:48.5%; position:relative; text-align:left;
 margin-left:1%; margin-bottom:1%}

.i_video .i_video_con .i_video_div .i_video_r ul li .i_video_img{ overflow:hidden; width:100%; height:100%;}
.i_video .i_video_con .i_video_div .i_video_r ul li .i_video_img img{ width:100%; height:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_video .i_video_con .i_video_div .i_video_r ul li h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:#002468   repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; position:absolute; bottom:0; left:0; width:94%; display:none}
.i_video .i_video_con .i_video_div .i_video_r ul li:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_video .i_video_con .i_video_div .i_video_r ul li:hover h2{background:url(i_video_bg2.png) repeat;}
.i_video_more,.i_video_mores{ margin:0 auto; width:50%; max-width:200px; background:url(i_video_pic2.png) #da251e 88% center no-repeat; font-size:14px; color:#e7e7e7; display:block; height:40px; line-height:40px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_video_mores{ float:left; margin-top:20px}
.i_video_more:hover,.i_video_mores:hover{ background:url(i_video_pic3.png) #c20903  88% center no-repeat; color:#fff;}
.i_news{ overflow:hidden;padding-bottom:40px; text-align:center;}
.i_news .i_news_ul{ overflow:hidden;padding-top:2%; padding-bottom:40px;}
.i_news ul li{ width:33.333333%; float:left; overflow:hidden;position:relative; display:inline-table;background:#c20903; padding-bottom:2%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.i_news ul li:nth-child(even){background:#d9251e}
.i_news ul li .i_news_img{ overflow:hidden;}
.i_news ul li .i_news_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_news ul li .i_news_txt{ overflow:hiddenl; padding-left:3%; padding-right:3%;}
.i_news ul li .i_news_txt span{ display:inline-block; padding-left:10px; padding-right:10px; border-bottom:1px solid #fff; color:#b2b2b2; font-family:Arial; font-size:40px; font-weight:bold; letter-spacing:2px; line-height:49px; height:49px; overflow:hidden; margin-top:20px;}
.i_news ul li .i_news_txt b{ display:block;font-weight:normal; font-size:15px; color:#fff; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}



.i_news ul li .i_news_txt p{ font-size:12px; color:#fff; line-height:21px; height:41px;/* height:42px; */overflow:hidden; margin-top:3px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.i_news ul li .i_news_txt em{ font-size:12px; color:#b2b2b2; display:block; margin-top:20px;}
.i_news ul li:hover .i_news_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_news ul li:hover{ background:#da251e;}
.i_news ul li:hover .i_news_txt span{ color:#fff; border-bottom:1px solid #76c9ee;}
.i_news ul li:hover .i_news_txt b{ color:#fff; display:block;}
.i_news ul li:hover .i_news_txt p{ color:#fff;}
.i_news ul li:hover .i_news_txt em{ color:#fff;}

@media screen and (max-width: 1440px) {
.i_case .i_case_con ul li .portfolio-img h2{ font-size:18px; top:30%;}
.i_case .i_case_con ul li .portfolio-img p .icon-zoom2{ background-size:24px 24px;}
.i_news ul li{ width:33.333%; padding-bottom:1%;}
}
@media screen and (max-width: 1000px) {
.i_case .i_case_con ul li .portfolio-img h2{ font-size:16px; top:24%;}
}

@media screen and (max-width: 780px) {
.i_about .imgs{ width:94%; margin-left:3%;}
.comStitle_s .yw{ font-size:20px}
.comStitle_s .zw{ font-size:30px}
.i_news .i_news_ul{ margin-bottom:20px;}
.i_video_more, .i_video_mores{ width:80%; max-width:100%}
.i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
.i_case .i_case_con .i_case_ul{ padding-top:3%; overflow:hidden;}
.i_case .i_case_con ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.i_video .i_video_con .i_video_div .i_video_l{ width:100%; margin-bottom:3%;}
.i_video .i_video_con .i_video_div .i_video_r{ width:90%;margin:0 auto; position:static;}
.i_video .i_video_con .i_video_div .i_video_r ul li{ margin-left:0%; margin-right:2%; width:49%; margin-bottom:2%;}
.i_video .i_video_con .i_video_div .i_video_r ul li:last-child{ display:none}
.i_video .i_video_con .i_video_div .i_video_r ul li:nth-child(2n+0){ margin-right:0;}
.i_news ul li{ width:50%;}
.i_news ul li:nth-child(3){ display:none}
.i_video .i_video_con .i_video_div{ margin-bottom:10px}
.i_video{ padding-bottom:30px}
.i_news ul li .i_news_txt span,.i_news ul li .i_news_txt em{ display:none}
.i_news ul li .i_news_txt p{    -webkit-line-clamp: 2; height:42px;}
}
@media screen and (max-width: 640px) {
.i_case_t h2{ font-size:24px;}
.i_case .i_case_con .i_cast_a{ padding-top:4%;}
.i_case .i_case_con .i_cast_a a{ font-size:13px;}
}



