@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
.index_one{ padding-top:33px; padding-bottom:35px; height:291px;}
.index_one .i_con{ overflow:hidden;}
.index_l{ float:left; width:47.3%; max-width:740px; overflow:hidden;}
.index_l .index_l_a{ float:left; width:62.7%; max-width:464px; height:290px; border-bottom:1px solid #eeeeee;}
.index_l .index_l_a .i_con{ padding-top:32px;}
.index_l .index_l_a .i_con .img1{ display:block; max-height:50px;}
.index_l .index_l_a .i_con .h3{ font-weight:normal; color:#333333; height:32px; line-height:32px; overflow:hidden; margin-top:14px; margin-bottom:3px;transition:all 0.3s;}
.index_l .index_l_a .i_con a:hover .h3{ color:#c01b29;}
.index_l .index_l_a .i_con .p{ line-height:24px; height:120px; overflow:hidden; position:relative; font-size:14px; color:#666666;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.index_l .index_l_a .i_con .p .imore{ position:absolute; bottom:0; padding-left:4px; right:6px; height:20px; width:31px; background:url(../image/i_bg1.png) right center #fff no-repeat; background-size:31px auto;transition: all 0.3s;}
.index_l .index_l_a .i_con a:hover .p .imore{ background-image:url(../image/i_bg1_on.png); right:0;}

.index_l .index_l_b{ float:right; width:35.3%; max-width:247px; overflow:hidden;}
.index_l .index_l_b a{ display:block;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;transition:all 0.6s;}
.index_l .index_l_b a:hover{transform: scale3d(1.05, 1.05, 1.05);}
.index_l .index_l_b img{ width:100%;opacity:0;filter:Alpha(opacity=0); height:291px;}
.index_r{ float:right; width:50.7%; max-width:810px;}
.index_r .index_r_a{ float:left; width:58%; max-width:464px;height:291px; overflow:hidden;}
.index_r .index_r_a .index_r_a_one{ overflow:hidden; padding-bottom:13px; border-bottom:1px solid #eeeeee;}
.index_r .index_r_a .index_r_a_one .h3{font-weight:normal; color:#333333; height:32px; line-height:32px; overflow:hidden; margin-top:23px; margin-bottom:19px;transition:all 0.3s;}
.index_r .index_r_a .index_r_a_one .p{line-height:24px; height:48px; overflow:hidden; position:relative; font-size:14px; color:#666666;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index_r .index_r_a .index_r_a_one a:hover .h3{ color:#c01b29;}
.index_r .index_r_a .index_r_a_two{ overflow:hidden; height:106px;}
.index_r .index_r_a .index_r_a_two ul li{ height:52px; line-height:52px; overflow:hidden;border-bottom:1px solid #eeeeee;}
.index_r .index_r_a .index_r_a_two ul li a{ color:#333; font-size:16px; display:block;}
.index_r .index_r_a .index_r_a_two ul li em{ float:right; margin-left:9px;  font-style:normal; font-size:14px; color:#666666}
.index_r .index_r_a .index_r_a_two ul li:hover a{color:#c01b29;}
.index_r .index_r_a .index_r_a_two ul li:hover em{color:#c01b29;}
.index_r .index_r_b{ float:right; width:40%; max-width:317px; overflow:hidden;  background:url(../image/i_bg2.jpg) #c01b29 center bottom no-repeat; background-size:100% auto; margin-top:0px; position:relative; z-index:2;transition:all 0.3s;}
.index_r .index_r_b:hover{ border-bottom-right-radius: 15%}
.index_r .index_r_b .cons{ margin:0 auto; max-width:266px; width:94%; overflow:hidden; margin-top:49px; color:#fff;}
.index_r .index_r_b a{ color:#fff; display:block;height:427px; overflow:hidden;}
.index_r .index_r_b .h6{ line-height:42px; text-transform:uppercase; font-weight:normal; font-family:"Myriad Pro","微软雅黑","Arial", "Microsoft YaHei";}
.index_r .index_r_b .h6 span{ display:block; height:54px; line-height:54px; overflow:hidden;}
.index_r .index_r_b .h5{ font-weight:normal; height:32px; line-height:32px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:22px;}
.index_r .index_r_b .p{ line-height:24px; height:72px; overflow:hidden; position:relative; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#feafb5; margin-top:33px;}
.index_r .index_r_b .imore{  height:20px; width:31px; background:url(../image/i_bg3.png) center center no-repeat; background-size:100% auto;transition: all 0.3s; margin-top:9px; display:block;}
.index_r .index_r_b a:hover .imore{ margin-left:6px;}

@media screen and (max-width: 1260px) {
.index_one{ height:auto;}
.index_l{ float:none; width:100%; max-width:none;}
.index_l .index_l_a{ max-width:none;}
.index_l .index_l_a .i_con .p{ margin-bottom:10px;}
.index_l .index_l_a .i_con .p .imore{ bottom:10px;}
.index_r{ float:none; width:100%; max-width:none; margin-top:2%;}
.index_r .index_r_a{ max-width:none; height:auto;}
.index_r .index_r_a .index_r_a_two{ height:212px;}
.index_r .index_r_b{ margin-top:0;}


}


@media screen and (max-width: 780px) {
.index_one{ margin-bottom:2%; padding-top:3%;}
.index_l{ overflow:visible;}
.index_l .index_l_a{ float:none; width:100%; height:auto; padding-bottom:3%;}
.index_l .index_l_a .i_con .p{ margin-bottom:0px;}
.index_l .index_l_a .i_con .p .imore{ bottom:0px;}
.index_l .index_l_b{ margin-top:2%; float:none; width:100%; max-width:none;}
.index_l .index_l_b img{ height:auto;}
.index_r .index_r_a{ float:none; width:100%;}
.index_r .index_r_a .index_r_a_two{ height:106px;}
.index_r .index_r_b{ float:none; width:100%; max-width:none; z-index:0; margin-top:2%;}
.index_r .index_r_b .cons{ max-width:660px; margin-top:10%;}
.index_r .index_r_b a{ height:auto; padding-bottom:30%;}
.index_r .index_r_b .h6{ line-height:32px;}
.index_r .index_r_b .h6 span{ line-height:44px; height:44px;}
.index_r .index_r_b .h5{ margin-top:10px;}
.index_r .index_r_b .p{ height:auto; margin-top:15px;}
.index_r .index_r_b .imore{ margin-top:12px;}

}

@media screen and (max-width: 640px) {
.index_l .index_l_a .i_con .h3{ font-size:16px;}
.index_l .index_l_a .i_con .p{ font-size:13px;}
.index_r .index_r_a .index_r_a_one .h3{ font-size:16px;}
.index_r .index_r_a .index_r_a_one .p{ font-size:13px;}
.index_r .index_r_b .h5{ font-size:18px;}
.index_r .index_r_b .p{ /*font-size:13px; */margin-top:12px;}

}
@media screen and (max-width: 480px) {
.index_l .index_l_a .i_con{ padding-top:25px;}
.index_l .index_l_a .i_con .img1{ }
.index_r .index_r_a .index_r_a_one .h3{ margin-bottom:6px;}
.index_r .index_r_a .index_r_a_two ul li a{ font-size:15px;}
.index_r .index_r_a .index_r_a_two ul li em{ font-size:13px;}
.index_r .index_r_b .cons{ margin-top:15%;}
.index_r .index_r_b a{ padding-bottom:35%;}
.index_r .index_r_b .h6{ line-height:26px;}
.index_r .index_r_b .h6 span{ height:36px; line-height:36px;}
}