@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
.i_bg{ background:#f0f0f0; overflow:hidden;}
/*第一屏*/
.i_one{ margin-top:4.5%; margin-bottom:5%;}
.i_one ul li{ float:left; width:25%; position:relative;}
.i_one ul li:after{ position:absolute; content:""; left:0; top:0; height:100%; width:1px; background:#dddddd;}
.i_one ul li.bgs1:after{ width:0;}
.i_one ul li:hover:after{ z-index:-1;}
.i_one ul li:hover{ z-index:2;}
.i_one ul li .box{ padding-left:3%; padding-right:3%;  position:relative; z-index:0;}
.i_one ul li .box:after{content: ""; display: block;position: absolute; z-index: -1; top: -20px; bottom: -20px; left: 0; right: 0; }
.i_one ul li:hover .box:after{transform: scale(1.06); transition: transform 0.4s ease-in-out; background: #f0f0f0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
.i_one ul li:hover .box i{ z-index:2;}
.i_one ul li:hover .box .h3{ z-index:2;}
.i_one ul li i{ margin:0 auto; display:block; width:117px; height:107px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; margin-bottom:6%; margin-top:9%;}
.i_one ul li.bgs1 i{ background-image:url(../images/i_ico1.png);}
.i_one ul li.bgs2 i{ background-image:url(../images/i_ico2.png);}
.i_one ul li.bgs3 i{ background-image:url(../images/i_ico3.png);}
.i_one ul li.bgs4 i{ background-image:url(../images/i_ico4.png);}
.i_one ul li:hover.bgs1 i{background-image:url(../images/i_ico1_on.png);}
.i_one ul li:hover.bgs2 i{background-image:url(../images/i_ico2_on.png);}
.i_one ul li:hover.bgs3 i{background-image:url(../images/i_ico3_on.png);}
.i_one ul li:hover.bgs4 i{background-image:url(../images/i_ico4_on.png);}
.i_one ul li .h3{ font-weight:normal; text-align:center; height:38px; line-height:38px;  overflow:hidden; font-size:18px; color:#7c7c7c;transition:all 0.3s; margin-bottom:5%;}
.i_one ul li:hover .h3{ color:#d70c19;}
/*第二屏*/
.i_two{margin-top:4.5%; margin-bottom:4%;}
.i_two ul li{ float:left; width:32%;transition:all 0.3s;position:relative;background: #f0f0f0; margin-right:2%; }
.i_two ul li:nth-child(3n+0){ margin-right:0;}
.i_two ul li:hover{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);}
.i_two ul li .imgs{ float:left; width:50%; overflow:hidden;}
.i_two ul li .imgs img{display: block;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_two ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two ul li .txts{ margin-left:1%; max-width:170px; width:44%;overflow:hidden; position:absolute; left:50%; top:0; height:100%; }
.i_two ul li .txts .table{ display:table;height:100%; width:100%;}
.i_two ul li .txts .cons{vertical-align:middle;display:table-cell; overflow:hidden; width:100%;}
.i_two ul li .txts .h3{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; color:#333333; font-size:18px;}
.i_two ul li .txts .p{height:40px; line-height:20px; overflow:hidden; color:#888888; font-size:14px; margin-top:6%; margin-bottom:5%;/*white-space:nowrap;text-overflow:ellipsis;*/}
.i_two ul li .txts .imore{ border-top:1px solid #dbdbdb; overflow:hidden; padding-top:12%;}
.i_two ul li .txts .imore .label{ display:inline-block; height:22px; line-height:22px; color:#888888; font-size:14px; padding-right:30px;transition:all 0.3s; text-transform:uppercase; background:url(../images/i_bg1.png) right center no-repeat;}
.i_two ul li:hover .txts .imore .label{ padding-right:50px; color:#d70c19; background-image:url(../images/i_bg1_on.png);}

/*新闻*/
.i_three{ margin-top:-1.5%;}
.i_three_t{  background:url(../images/i_bg2.png) left bottom repeat-x; margin-bottom:3%; line-height:78px; height:80px; font-size:18px;}
.i_news{ overflow:hidden;}
.i_news ul li{ display:block; overflow:hidden; height:26px; line-height:26px; margin-bottom:2%; font-size:15px;}
.i_news ul li .date{ float:left; width:88px; overflow:hidden; margin-right:2%;}
.i_news ul li .types{ float:left; width:88px; text-align:center; overflow:hidden; margin-right:4%; color:#fff; background:#ff7200;}
.i_news ul li .types.color1{ background:#0073c4;}
.i_news ul li .types.color2{ background:#d70c19;}
.i_news ul li .types.color3{ /*background:#1fdf99;*/background:#00b774;}
.i_news ul li .txts{ overflow:hidden;}
.imore2{ display:block; margin:0 auto; margin-bottom:5%; background:#959595; width:166px; height:46px; line-height:46px; color:#fff; font-size:15px;position:relative;transition:all 0.3s;overflow: hidden; text-align:center; z-index:0; margin-top:1%;}
.imore2:after{ content:""; position:absolute;left:0; top:0; height:100%; width:0;transition:all 0.3s; background:#d70c19; z-index:-1;}
.imore2:hover{ color:#fff;}
.imore2:hover:after{ width:100%;}
@media screen and (max-width:1760px) {

}
@media screen and (max-width:1440px) {
/*第一屏*/
.i_one ul li i{ width:100px; height:91px;}


}
@media screen and (max-width:1366px) {
/*第一屏*/
.i_one ul li i{ width:90px; height:82px;}

}
@media screen and (max-width:1100px) {
/*第一屏*/
.i_one ul li i{ width:80px; height:73px;}


}

@media screen and (max-width: 960px) {
/*第一屏*/
.i_one ul li i{ width:70px; height:64px;}
.i_one ul li .h3{ font-size:16px;}
/*第二屏*/
.i_two ul li .txts .h3{ font-size:16px;}
.i_two ul li .txts .p{ font-size:13px; margin-top:2%;}
.i_two ul li .txts .imore .label{ font-size:13px;}
/*新闻*/
.i_three_t{line-height:58px; height:60px; font-size:16px;}
.i_news ul li{ font-size:14px;}
.imore2{ height:40px; line-height:40px; font-size:14px; width:130px;}
}
@media screen and (max-width: 789px) {
/*第一屏*/
.i_one ul li i{ width:60px; height:55px;}
.i_one ul li .h3{ height:30px; line-height:30px;}

}
@media screen and (max-width: 640px) {
/*第一屏*/
.i_one ul li i{ width:50px; height:46px;}
/*第二屏*/
.i_two ul li{ float:none; width:100%; margin-right:0; display:block; overflow:hidden; margin-bottom:2%;}
.i_two ul li .imgs img{ width:80%; margin:0 auto;}
/*新闻*/
.i_three{ margin-top:-3%;}
.i_three_t{font-size:15px;}
.i_news ul li{ font-size:13px;}
}

@media screen and (max-width: 480px) {
/*第一屏*/
.i_one{ margin-top:6%; margin-bottom:6%;}
.i_one ul li i{ width:40px; height:37px;}
.i_one ul li .h3{ font-size:14px;}
.i_one ul li .box:after{ top:-10px; bottom:-10px;}
/*新闻*/
.i_three_t{line-height:48px; height:50px; font-size:14px;}
.i_news ul li{ font-size:12px;}
.i_news ul li .date{ width:70px;}
.i_news ul li .types{ width:80px; margin-right:3%;}
.imore2{ height:36px; line-height:36px; font-size:13px; width:110px; margin-top:3%;}
}