﻿@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*首页*/
.i_product_bg{ background-color:#f5f5f5; overflow:hidden; padding-bottom:2.5%;}
.i_title{ margin-top:5%; margin-bottom:4%; overflow:hidden; text-align:center; }
.i_title h2{overflow:hidden; font-weight:bold; color:#000000; letter-spacing:-3px; text-transform:uppercase; font-family:Arial;}
.i_title p{background:url(../images/i_bg1.png) center bottom no-repeat; color:#000000; padding-bottom:15px;}
.nproduct_list2{ overflow:hidden; padding-bottom:20px; padding-top:8px;}
.nproduct_list2 ul li{ float:left; width:32.1%; margin-left:0.5%; margin-right:1%; overflow:hidden; margin-bottom:1.5%; text-align:center; background-color:#fff; padding-bottom:4%;}
.nproduct_list2 ul li:nth-child(3n+0){ margin-right:0;}
.nproduct_list2 ul li img{display: inline-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; vertical-align:middle;}
.nproduct_list2 ul li .imgs{width:100%; overflow:hidden;}
.nproduct_list2 ul li h2{  font-weight:normal; color:#333333; line-height:36px; height:36px; text-align:center; overflow:hidden; padding-left:2%; padding-right:2%; white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; margin-bottom:1%;}
.nproduct_list2 ul li p{line-height:20px; height:40px; overflow:hidden; color:#929292; font-size:14px;padding-left:2%; padding-right:2%; max-width:350px; margin:0 auto;}
.nproduct_list2 ul li em{ display:block; color:#ee697e; font-size:14px; margin-top:10px; line-height:20px; height:20px; overflow:hidden;}
.nproduct_list2 ul li label{ display:block; color:#333; font-size:14px; line-height:20px; height:20px; overflow:hidden; margin-top:5px;}
.nproduct_list2 ul li:hover 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);}
.nproduct_list2 ul li:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);transition:all 0.3s;}
.nproduct_list2 ul li:hover h2{ color:#4a196b;}

.i_solution{ overflow:hidden; padding-bottom:4%; padding-top:8px;}
.i_solution ul li{ float:left; width:49%; margin-right:2%; overflow:hidden;margin-bottom:1.5%; text-align:center;}
.i_solution ul li:nth-child(2n+0){ margin-right:0;}
.i_solution ul li 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; vertical-align:middle; }
.i_solution ul li .imgs{margin:0 auto; overflow:hidden;}
.i_solution ul li .txts{position:absolute; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5);top:0;left:0;}
.i_solution ul li h2{font-weight:normal; color:#fff; line-height:36px; height:36px; text-align:center; overflow:hidden; padding-left:2%; padding-right:2%; white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; margin-bottom:1%; margin-top:30%;}
.i_solution ul li p{line-height:20px; height:40px; overflow:hidden; color:#FFF; font-size:14px;padding-left:2%; padding-right:2%; max-width:350px; margin:0 auto;}
.i_solution ul li:hover 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);}

.news_bg{ background-color:#f5f5f5; overflow:hidden; padding-top:3%;}
.news_con{ overflow:hidden;}
.news_con ul li{ overflow:hidden; margin-bottom:2%; padding-bottom:2%; border-bottom:1px solid #cccccc; display:block;}
.news_con ul li:last-child{ border-bottom:0; margin-bottom:0;}
.news_con ul li .imgs{ width:19%; float:left; display:inline; overflow:hidden;}
.news_con ul li .imgs img{width:100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-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;}
.news_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-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);}
.news_con ul li .i_about_r{ float:right; display:inline; line-height:22px; width:78%; overflow:hidden; }
.news_con ul li .i_about_r h3{ line-height:22px; height:22px; overflow:hidden; font-size:18px; color:#333; font-weight:normal; margin-bottom:1%;}
.news_con ul li .i_about_r label{ display:block; color:#999999; font-size:14px; height:20px; line-height:20px; padding-left:19px; background:url(/skin/images/news_bg1.png) left center no-repeat;margin-bottom:1%;}
.news_con ul li .i_about_r .p{ max-height:48px; overflow:hidden; font-size:14px; color:#7b7b7b; line-height:24px; }
.news_con ul li .i_about_r .news_more{ margin-top:2%; width:106px; text-align:center; float:left; height:34px; line-height:34px;background-color:#f5f5f5; border:1px solid #bababa; color:#828282; font-size:13px;transition: all 0.3s;}
.news_con ul li:hover .i_about_r .news_more{  background-color:#4a196b; color:#fff;border:1px solid #4a196b;}
.news_con ul li:hover .i_about_r h3{ color:#4a196b;}

.i_case_bg{ background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover; overflow:hidden; padding-bottom:4%;}
.i_case_bg .i_title h2{ color:#fff;}
.i_case_bg .i_title p{ color:#fff;background:url(../images/i_bg3.png) center bottom no-repeat;}

.i_link{ overflow:hidden; margin-bottom:3%;}
.i_link ul li{ float:left;width:15.8%; margin-right:1%; margin-bottom:1%; overflow:hidden;}
.i_link ul li:nth-child(6n+0){margin-right:0;}
.i_link ul li .imgs{overflow:hidden;border:1px solid #f0f0f0; }
.i_link 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_link ul li .imgs:hover 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);}



.link{height:120px;line-height:38px;font-family:"Microsoft Yahei";color: #555;padding:20px 0 0;}
.link h2{color: #4a196b;font-size: 18px;height:58px;line-height:58px;position:relative;border-bottom:solid 1px #e8e8e8;z-index:1;}
.link h2:before{contant:"";position:absolute;width:30px;height:1px;background:#004da2;left:0;z-index:1;}
.link h2 span{color: #999;font-size:16px;padding:0 0 0 6px;}
.link_c{overflow: hidden;padding:10px 0 0;}
.link a{color: #555;display: inline-block;padding:0 50px 0 0;}

.fenzhan{height:200px;line-height:38px;font-family:"Microsoft Yahei";color: #555;padding:20px 0 0;}
.fenzhan h2{color: #4a196b;font-size: 18px;height:58px;line-height:58px;position:relative;border-bottom:solid 1px #e8e8e8;z-index:1;}
.fenzhan h2:before{contant:"";position:absolute;width:30px;height:1px;background:#004da2;left:0;z-index:1;}
.fenzhan h2 span{color: #999;font-size:16px;padding:0 0 0 6px;}
.fenzhan_c{overflow: hidden;padding:10px 0 0;}
.fenzhan a{color: #555;display: inline-block;padding:0 50px 0 0;}




.banner_pos{ overflow:hidden; position:absolute; width:100%; height:100%; bottom:0; left:0;}
.banner_pos .banner_div{/* display:table; vertical-align:bottom; */height:100%; width:100%;position:relative; }
/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001{height:100%; width:57.6%; vertical-align:bottom; position:absolute; bottom:0; right:0%;}
.banner_pos .img001 img{ height:100%; filter: Alpha(Opacity=0);opacity: 0;}
.banner_pos .txtsbox{ float:left; width:50%;}
.banner_pos .txts{ float:right;margin-right:3%;margin-top:20%; width:94%; max-width:536px; text-align:left;}
.banner_pos .txts h2{ color:#4a196b;}
.banner_pos .txts p{ color:#767676; margin-top:6%;}
.banner_pos .txts a{ margin-top:6%; width:220px; display:block; height:48px; line-height:48px; border:1px solid #606060; text-align:center; font-size:12px; color:#a2a2a2;}
.banner_pos .txts a em{ float:right; margin-right:7%; font-style:normal; font-family:"宋体"; font-size:18px;}
.banner_pos .txts a:hover{ border:1px solid #4a196b;}
.banner_pos .txts a:hover{ color:#4a196b;}

/*动画*/


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

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

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

}
@media screen and (max-width:1000px) {
.i_link ul li{ width:19%;}
.i_link ul li:nth-child(6n+0){margin-right:1.1%;}
.i_link ul li:nth-child(5n+0){margin-right:0;}
}
@media screen and (max-width:960px) {


}
@media screen and (max-width:830px) {
/*轮显*/
#slider{ display:none;}
.flash_div{ display:block;}

.i_link ul li{ width:24%;}
.i_link ul li:nth-child(5n+0){margin-right:1.1%;}
.i_link ul li:nth-child(4n+0){margin-right:0;}
}


@media screen and (max-width: 780px) {
.nproduct_list2 ul li{ width:49%;}
.nproduct_list2 ul li:nth-child(3n+0){ margin-right:1%;}
.nproduct_list2 ul li:nth-child(2n+0){ margin-right:0;}
}
@media screen and (max-width: 640px) {
.nproduct_list2 ul li p{ font-size:13px;}
.i_link ul li{ width:32.5%;}
.i_link ul li:nth-child(4n+0){margin-right:1.1%;}
.i_link ul li:nth-child(3n+0){margin-right:0;}
}

@media screen and (max-width: 480px) {
.nproduct_list2 ul li p{ font-size:12px;}
}

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

}
