﻿@import url(style.css);
@import url(top1.css);
@import url(slide.css);
@import url(pscroll.css);

.i_title{  overflow:hidden; text-align:center; margin-bottom:4.4%; }
.i_title h2{ overflow:hidden; font-weight:normal;color:#333333; height:79px; position:relative;}
.i_title h2:before{ content:""; position:absolute; bottom:0; left:50%;transform: translate(-50%, 0); width:28px; height:4px; background:#35349d;}
.i_title h2 span{ display:block; position:relative; line-height:50px;}
.i_title h2 label{ color:#bebebe; font-size:16px; font-family:Arial; line-height:22px; text-transform:uppercase; display:block;}
.i_title .blue{ color:#333333; font-style:normal;}
.i_one{ overflow:hidden; padding-top:5%; padding-bottom:5%;}
.i_one_ul{ overflow:hidden;}
.i_one_ul ul li{ float:left; vertical-align:top; overflow:hidden;width:32%; margin-right:2%; margin-bottom:2%;}
.i_one_ul ul li:nth-child(3n+0){ margin-right:0;}
.i_one_ul ul li .imgs{ overflow:hidden;text-align:center; position:relative; border:1px solid #eeeeee;}
.i_one_ul 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_one_ul 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_one_ul ul li .txts{ overflow:hidden; height:100%; width:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.i_one_ul ul li .txts .table{ display:table; vertical-align:middle; height:100%; width:100%;}
.i_one_ul ul li .txts .table .celltd{ display:table-cell; vertical-align:middle;}
.i_one_ul ul li .txts .h2{ line-height:50px; height:50px;  color:#fff; font-weight:normal;transition:all 0.3s; overflow:hidden; margin-bottom:15%; padding-left:2%; padding-right:2%; position:relative;/*text-overflow: ellipsis;white-space: nowrap;*/}
/*.i_one_ul ul li .txts .h2:after{ content:""; position:absolute; bottom:0; height:2px; width:24px; background:#fff; left:50%; margin-left:-12px;}
*/
.i_one_ul ul li .txts .p{ margin:0 auto; max-width:246px; display:block;line-height:20px;  overflow:hidden; max-height:40px; color:#fff; font-size:14px;margin-top:5%;transition:all 0.3s; }
.i_one_ul ul li .txts label{ margin:0 auto;display:block; height:38px; line-height:38px; overflow:hidden; width:110px; color:#fff; border:1px solid #b3b3b3; background:url(../images/i_bg1.png) 82px center no-repeat; text-align:left; text-indent:15px; font-size:14px; clear:both; margin-top:5%;transition:all 0.3s; margin-bottom:1%;}
.i_one_ul ul li .txts label:hover{ background-position:85px center; border:1px solid #37359f; background-color:#37359f; }
.i_one_ul ul li:hover .txts{opacity:1.0;filter:Alpha(opacity=100); }
.i_one_ul ul li:hover .txts .h2{ margin-bottom:6%;}
.i_one_ul ul li:hover .txts .p{ margin-top:0;}


@media screen and (max-width: 1200px) {
.i_title h2 span{ line-height:44px;}
}

@media screen and (max-width: 960px) {
.i_title h2 label{ font-size:15px;}
.i_one_ul ul li .txts .p{ font-size:13px;}
.i_one_ul ul li .txts label{ height:30px; line-height:30px; font-size:13px;}

}
@media screen and (max-width: 640px) {
.i_title h2{ height:70px;}
.i_title h2 span{ line-height:38px;}
.i_title h2 label{ font-size:14px;}
.i_one_ul ul li{ width:49%;}
.i_one_ul ul li:nth-child(3n+0){ margin-right:2%; display:none;}
.i_one_ul ul li:nth-child(2),.i_one_ul ul li:nth-child(5){ margin-right:0;}

}
@media screen and (max-width: 480px) {
.i_title h2{ height:64px;}
.i_title h2 span{ line-height:34px;}
.i_title h2 label{ font-size:13px;}
.i_title h2:before{ height:3px;}
.i_one_ul ul li .txts .h2{ height:40px; line-height:40px; margin-bottom:4%;}
.i_one_ul ul li .txts .p{ font-size:12px;}
.i_one_ul ul li .txts label{ font-size:12px;}

}
@media screen and (max-width: 360px) {
.i_one_ul ul li .txts label{ display:none;}
.i_one_ul ul li .txts .h2{ font-size:15px;}
}