@import url(style.css);

@import url(slide.css);

@import url(pscroll.css);

/*首页*/
.videos{width:100%; /*height:100%;*/object-fit: fill;overflow:hidden; border:0; margin:0; padding:0; position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}
/*产品中心*/

.i_bg{ background:#f8f8f8;}

.i_t{ margin-top:5%; text-align:center; color:#333333; font-size:16px; line-height:36px; padding-bottom:14px; background:url(../images/i_pic1.png) center center no-repeat; background-size:44px auto; }

.i_t .h3{ font-weight:normal; overflow:hidden; line-height:38px; text-transform:uppercase;}

.i_t .h3 .reds{ color:#d2332f;}

.i_product{ overflow:hidden; margin-top:3%;}

.i_product ul li{ float:left; width:24.25%; margin-right:1%; margin-bottom:1%; overflow:hidden; text-align:center; }

.i_product ul li:nth-child(4n+0){ margin-right:0;}

.i_product ul li .imgs{overflow:hidden; position:relative; padding-bottom:1px; padding-top:100%;}

.i_product ul li .imgs:after{ content:""; position:absolute; bottom:0px; left:0; width:100%; height:1px; background:#f8f8f8;transition:all 0.3s; }

.i_product ul li:hover .imgs:after{ background:#d2332f;}

.i_product ul li .imgs img{ display: block;width: 100%; height:100%; top:0; left:0; position:absolute;-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_product 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_product ul li .imgs .bgs{ position:absolute; top:0; width:100%; left:0; height:100%; background:rgba(210,51,47,0.8);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.i_product ul li .imgs .bgs .cons{ width:94%; left:50%; top:50%;overflow:hidden;transform: translate(-50%, -50%); position:absolute;transition:all 0.3s; padding-bottom:15px;}

.i_product ul li:hover .bgs .cons{ padding-bottom:0;}

.i_product ul li .imgs .bgs .p{ line-height:18px; max-height:90px; font-size:14px; color:#fff; overflow:hidden; max-width:150px; width:94%; margin:0 auto;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.i_product ul li .imgs .bgs .h4{ margin:0 auto; font-weight:normal; height:28px; line-height:28px; overflow:hidden; margin-top:43px;font-size:14px; color:#fff; border-radius:20px; border:1px solid #fff; width:92px;transition:all 0.3s;}

.i_product ul li .imgs .bgs .h4:hover{ background:#fff; color:#d2332f;}

.i_product ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);}

.i_product ul li .txts{overflow:hidden;background:#fff; position:relative; z-index:0;}

.i_product ul li .txts:after{ content:""; position:absolute; width:100%; height:0%; top:0; left:0; background:#d2332f; z-index:-1;transition:all 0.3s;}

.i_product ul li .txts .h3{ width:96%; margin:0 auto; overflow:hidden;height:57px; line-height:57px;font-weight:normal; font-size:16px;color:#222222;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.i_product ul li:hover .txts .h3{ color:#fff;}

.i_product ul li:hover .txts:after{ height:100%;}

.imore{ display:block; margin:0 auto; width:92px; overflow:hidden; height:28px; line-height:28px; border:1px solid #d2332f; border-radius:20px; text-align:center; color:#d2332f; font-size:14px; font-family:Arial; margin-top:28px; margin-bottom:74px;transition:all 0.3s;}

.imore:hover{ background:#d2332f; color:#fff;}



/*关于我们*/

.i_brand{  overflow:hidden; position:relative; margin-top:-30px;}

.i_brand .txts{ right:0; top:30px;height:calc(100% - 60px);height:-webkit-calc(100% - 60px);height:-moz-calc(100% - 60px);position:absolute; width:50%; overflow:hidden; background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;}

.i_brand .txts .cons{ width:90%;  max-width:840px; overflow:hidden; color: #fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

.i_brand .txts .cons .i_t{ display:inline-block; background-image:url(../images/i_pic2.png); color:#fff; margin-top:0;}

.i_brand .txts .cons .p{ font-size:16px; line-height:26px; max-height:104px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top:10%; max-width:540px;}

.i_brand .txts .cons .em{ display:block; width:92px; overflow:hidden; height:28px; line-height:28px; border:1px solid #fff; border-radius:20px; text-align:center; color:#fff; font-size:14px; font-family:Arial; margin-top:8%; transition:all 0.3s;}

.i_brand .txts .cons .em:hover{ background:#fff; color:#d2332f;}

.i_brand .txts .cons .counter{ text-align:center; line-height:1.5; overflow:hidden; margin-top:1.5%;}

.i_brand .txts .cons .counter ul li{ float:left;margin-top:2%; margin-bottom:2%;transition:all 0.3s; position:relative;color:#fff; }

.i_brand .txts .cons .counter ul li:after{ content:""; position:absolute; right:0; height:90%; top:5%;width:1px; background:rgba(245,244,239,0.1);}

.i_brand .txts .cons .counter ul li:nth-child(2n+0):after{ width:0;}

.i_brand .txts .cons .counter ul li .txts2{ padding-right:46px;text-align:left;}

.i_brand .txts .cons .counter ul li:nth-child(2) .txts2{ padding-right:0; padding-left:46px;}

.i_brand .txts .cons .counter span{ padding-right:20px; display:inline-block; line-height:62px; height:62px; overflow:hidden; vertical-align:middle; color:#fff; }

.i_brand .txts .cons .counter label{  display:inline-block;  line-height:1;  vertical-align:bottom; color:#fff;}

.i_brand .txts .cons .counter h6{ font-weight: normal; font-size:16px; overflow:hidden; line-height:20px; height:20px;}

.i_brand .txts .cons .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_brand .imgs{ float:left; width:50%; overflow:hidden;}

.i_brand .imgs img{ width:100%;}

/*应用*/

.i_applications{ overflow:hidden; margin-top:2.5%; margin-bottom:5%;}

.i_applications ul li{ float:left; width:32.26%; margin-right:1.6%; margin-bottom:1.6%; overflow:hidden;}

.i_applications ul li:nth-child(3n+0){ margin-right:0;}

.i_applications ul li img{display: block;width: 100%; height:100%; top:0; left:0; position:absolute;-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_applications ul li .imgs .span{ display:block; font-style:normal; width:92px; height:28px; line-height:28px; overflow:hidden; color:#fff; text-align:center;font-size:14px; border-radius:20px; border:1px solid #fff;transition:all 0.3s;}

.i_applications ul li .imgs .span:hover{ background:#d2332f; color:#fff; border-color:#d2332f;}

.i_applications ul li .imgs{ overflow:hidden;position:relative; padding-top:67.2%;}

.i_applications ul li .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.i_applications ul li:hover .imgs:after{opacity:1.0;filter:Alpha(opacity=100);}

.i_applications ul li .imgs .span{opacity:0;filter:Alpha(opacity=0);position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);transition:all 0.3s; z-index:1;}

.i_applications ul li:hover .imgs .span{opacity:1.0;filter:Alpha(opacity=100);}

.i_applications 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_applications ul li .txts{ background:#fff;  overflow:hidden;text-align:center;transition:all 0.3s;}

.i_applications ul li .txts .h2{ width:94%; margin:0 auto; font-weight:normal;  height:52px; line-height:52px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px;transition:all 0.3s; display:block; color:#333333;}

.i_applications ul li:hover .txts{ background:#d2332f;}

.i_applications ul li:hover .txts .h2{ color:#fff;}

/*新闻*/

.i_news{ margin-top:3%; overflow:hidden; margin-bottom:5%;}

.i_news .i_news_l{ float:left; width:565px; overflow:hidden; margin-right:2%;}

.i_news .i_news_l .imgs{ overflow:hidden;}

.i_news .i_news_l .imgs img{ height:355px;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_news .i_news_l: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_news .i_news_l .date{ height:20px; line-height:20px; color:#d2332f; font-size:14px; display:block; overflow:hidden; margin-top:20px;}

.i_news .i_news_l .h3{ font-weight:normal; height:28px; line-height:28px; overflow:hidden; font-size:18px; color:#333333;white-space:nowrap;text-overflow:ellipsis; margin-top:11px;}

.i_news .i_news_l .p{ margin-top:7px; overflow:hidden; height:72px; line-height:24px; color:#999999; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.i_news .i_news_l .imore2{ display:block;margin-top:38px; border:1px solid #d2332f; height:28px; line-height:28px; width:92px; background:#fff; text-align:center; color:#d2332f; border-radius:20px; font-style:normal; font-size:14px;transition:all 0.3s;}

.i_news .i_news_l:hover .imore2{ background:#d2332f; color:#fff;}

.i_news .i_news_r{ overflow:hidden;}

.i_news .i_news_r ul li{ clear:both; display:block; overflow:hidden; border-bottom:1px solid #eeeeee; padding-bottom:24px; padding-top:27px; padding-left:25px; padding-right:12px;transition:all 0.3s;}

.i_news .i_news_r ul li:first-child{ padding-top:12px;}

.i_news .i_news_r ul li:last-child{ border-bottom:0;}

.i_news .i_news_r ul li.isel{ background:#f8f8f8;}

.i_news .i_news_r ul li .date{ height:20px; line-height:20px; color:#d2332f; font-size:14px; display:block; overflow:hidden;}

.i_news .i_news_r ul li .h3{ font-weight:normal; height:28px; line-height:28px; overflow:hidden; font-size:18px; color:#333333;white-space:nowrap;text-overflow:ellipsis;}

.i_news .i_news_r ul li .txts{ overflow:hidden; height:0;transition:all 0.3s;}

.i_news .i_news_r ul li .txts .p{ margin-top:7px; overflow:hidden; height:28px; line-height:28px;white-space:nowrap;text-overflow:ellipsis; color:#999999; font-size:14px;}

.i_news .i_news_r ul li .imore2{ display:block; margin-top:32px; border:1px solid #d2332f; height:28px; line-height:28px; width:92px; background:#d2332f; color:#fff; border-radius:20px; font-style:normal; font-size:14px; text-align:center;transition:all 0.3s;}

.i_news .i_news_r ul li.isel .txts{ height:auto;}

@media screen and (max-width: 1660px) {

/*关于我们*/

.i_brand .txts .cons .p{ margin-top:5%; font-size:15px; line-height:24px; max-height:96px;}

.i_brand .txts .cons .em{ margin-top:5%;}



}

@media screen and (max-width: 1440px) {

/*产品中心*/

.i_product ul li .txts .h3{ height:50px; line-height:50px; font-size:15px;}

/*关于我们*/

.i_brand .txts .cons .p{ margin-top:4%;}

.i_brand .txts .cons .em{ margin-top:4%;}

.i_brand .txts .cons .counter span{ padding-right:10px;}

.i_brand .txts .cons .counter h6{ font-size:15px;}

}

@media screen and (max-width: 1260px) {

/*产品中心*/

.i_product ul li .imgs .bgs .h4{ margin-top:30px;}

.i_product ul li .txts .h3{ height:44px; line-height:44px; font-size:14px;}

/*关于我们*/

.i_t{ padding-bottom:10px;}

.i_brand .txts .cons .p{ margin-top:3%;}

.i_brand .txts .cons .em{ margin-top:3%;}

.i_brand .txts .cons .counter h6{ font-size:14px;}

.i_brand .txts .cons .counter span{ line-height:56px; height:56px;}







}

@media screen and (max-width: 1100px) {

/*产品中心*/

.i_product ul li .imgs .bgs .h4{ margin-top:20px; font-size:13px;}

.i_product ul li{ width:32.66%;}

.i_product ul li:nth-child(4n+0){ margin-right:1%;}

.i_product ul li:nth-child(3n+0){ margin-right:0;}

/*关于我们*/

.i_brand{ margin-top:-20px;}

.i_brand .txts{ top:20px;height: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px);}

.i_brand .txts .cons .p{ margin-top:2%; line-height:22px; font-size:14px; max-height:88px;}

.i_brand .txts .cons .counter{ margin-top:1%;}

.i_brand .txts .cons .counter ul li .txts2{ padding-right:25px;}

.i_brand .txts .cons .counter ul li:nth-child(2) .txts2{ padding-left:25px;}

.i_brand .txts .cons .em{ margin-top:2%;}

.i_brand .txts .cons .counter span{ line-height:50px; height:50px;}



}

@media screen and (max-width: 960px) {

/*产品中心*/

.i_t{ font-size:14px;}

.imore{ margin-top:20px; margin-bottom:5%;}

/*关于我们*/

.i_brand{ margin-top:0;}

.i_brand .txts{ position:static; width:100%; top:0;height:calc(100% - 0px);height:-webkit-calc(100% - 0px);height:-moz-calc(100% - 0px);}

.i_brand .txts .cons{ position:static;transform: translate(0%, 0%); margin:0 auto; margin-top:6%; margin-bottom:6%;}

.i_brand .imgs{ float:none; width:100%;}

/*应用*/

.i_applications ul li .imgs .span{ font-size:13px;}

.i_applications ul li .txts .h2{ height:44px; line-height:44px; font-size:16px;}





}



@media screen and (max-width: 780px) {

/*产品中心*/

.i_product ul li .imgs .bgs .p{ font-size:13px;}

/*应用*/

.i_applications ul li{ width:49%; margin-right:2%; margin-bottom:2%;}

.i_applications ul li:nth-child(3n+0){ margin-right:2%;}

.i_applications ul li:nth-child(2n+0){ margin-right:0;}

}

@media screen and (max-width: 720px) {





}

@media screen and (max-width: 640px) {

/*产品中心*/

.i_t{ padding-bottom:7px; line-height:30px;background-size:auto 100%; }

.i_t .h3{ line-height:30px;}

.i_product ul li{ width:49%; margin-right:2%; margin-bottom:2%;}

.i_product ul li:nth-child(3n+0){ margin-right:2%;}

.i_product ul li:nth-child(2n+0){ margin-right:0;}

/*关于我们*/

.i_brand .txts .cons{ margin-bottom:7%;}

.i_brand .txts .cons .em{ margin-top:3%;}

.i_brand .txts .cons .counter h6{ font-size:13px;}

.i_brand .txts .cons .counter span{ height:40px; line-height:40px; padding-right:6px;}

/*应用*/

.i_applications ul li .imgs .span{ font-size:12px; height:26px; line-height:26px; width:86px;}

.i_applications ul li .txts .h2{ font-size:14px; height:40px; line-height:40px;}

}

@media screen and (max-width: 520px) {



}

@media screen and (max-width: 480px) {

/*产品中心*/

.i_t{ font-size:13px; line-height:24px; margin-top:6%;}

.i_t .h3{  line-height:24px;}

.i_product ul li .imgs .bgs .p{ font-size:12px;}

.i_product ul li .imgs .bgs .h4{ font-size:12px; }

.i_product ul li .txts .h3{ height:36px; line-height:36px; font-size:13px;}

.i_product ul li .imgs .bgs .h4{ margin-top:12px; height:26px; line-height:26px;}

.imore{ margin-bottom:6%;}

/*关于我们*/

.i_brand .txts .cons{ width:94%;}

.i_brand .txts .cons .p{ font-size:13px; line-height:20px; max-height:80px;}

.i_brand .txts .cons .em{ font-size:13px; margin-top:4%;}

.i_brand .txts .cons .counter h6{ font-size:12px;}

.i_brand .txts .cons .counter span{ height:36px; line-height:36px;}

.i_brand .txts .cons .counter ul li .txts2{ padding-right:15px;}

.i_brand .txts .cons .counter ul li:nth-child(2) .txts2{ padding-left:15px;}



}

@media screen and (max-width: 420px) {



}

@media screen and (max-width: 380px) {

/*产品中心*/

.i_product ul li .imgs .bgs .h4{margin-top:15px;}

/*关于我们*/

.i_brand .txts .cons .counter span{ line-height:32px; height:32px;}

/*应用*/

.i_applications ul li .txts .h2{ font-size:13px; height:36px; line-height:36px;}

}