@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*关于我们*/
.i_t{ padding-top:5%; overflow:hidden; text-align:center; line-height:28px; font-size:16px; color:#c0c0c0; position:relative;padding-bottom:24px; text-transform:uppercase;}
.i_t .h2{ font-weight:normal; height:44px; line-height:44px; overflow:hidden; color:#000000; }
.i_t:after{content: "";display: block;position: absolute;left: 50%;bottom: 0px; width:30px; margin-left:-15px;height: 2px;background-color: #3860f4;}
.i_t.bgs2{ color:#fff;}
.i_t.bgs2 .h2{ color:#fff;}
.i_t.bgs2:after{ background-color:#fff;}
.i_about{  margin-top:3%; padding-bottom:7%;}
.i_about .i_about_con{line-height: 1.6; overflow:hidden; color:#666666; /*font-size:14px;*/ /* text-align:center; */}
.i_about .i_about_con h2{ font-size:20px; color:#3860f4;line-height: 36px; height:36px; overflow:hidden; margin-bottom:17px;}

.i_about .list{margin-top:4%;}
.i_about .list li{max-width: 585px; width:49%;overflow:hidden; padding-bottom:5%;transition:all 0.3s; background-color:#3860f4; background-repeat:no-repeat; background-position:right bottom;}
.i_about .list li.l{background-image: url(../images/i_bg1.png);}
.i_about .list li.r{background-image: url(../images/i_bg2.png);}
.i_about .list li .txt1{line-height: 30px;font-size: 16px;color: #ffffff; max-width:500px; width:94%; margin:0 auto;  margin-top:5%;}
.i_about .list li .txt1 .h3{font-size: 22px; font-weight:normal;margin-right: 10px;color: #ffffff; height:72px; line-height:72px; overflow:hidden; margin-bottom:2%;}
.i_about .list li .txt1 .p{ overflow:hidden; max-height:150px; height:120px;}
.i_about .list li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background-color:#3860f4f;}
.i_about .list li:hover .txt1 .h3{ color:#ffffff;}
/*解决方案*/
.i_solution{ overflow: hidden; padding-bottom:3.5%;/* background:url(../images/i_bg3.jpg) center center no-repeat; */ background-size:cover;}
.i_solution .i_solution_ul{ overflow:hidden; padding-top:4%;}
.i_solution .i_solution_ul ul li{ width:25%; overflow:hidden; position:relative; float:left;}
.i_solution .i_solution_ul ul li .imgs{ overflow:hidden;}
.i_solution .i_solution_ul ul li .imgs img{ display:block; /*height:413px;*/ 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.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.i_solution .i_solution_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_solution .i_solution_ul ul li .txts{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(6,38,69,0.41); text-align:center;transition:all 0.3s;}
.i_solution .i_solution_ul ul li.bgs1:hover .txts{ background:rgba(226,91,68,1.0);}
.i_solution .i_solution_ul ul li.bgs2:hover .txts{ background:rgba(240,203,88,1.0);}
.i_solution .i_solution_ul ul li.bgs3:hover .txts{ background:rgba(68,202,226,1.0);}
.i_solution .i_solution_ul ul li.bgs4:hover .txts{ background:rgba(72,158,240,1.0);}
.i_solution .i_solution_ul ul li label{ position:absolute; height:4px; width:100%; bottom:0; left:0;}
.i_solution .i_solution_ul ul li.bgs1 label{ background:#e25b44;}
.i_solution .i_solution_ul ul li.bgs2 label{ background:#f0cb58;}
.i_solution .i_solution_ul ul li.bgs3 label{ background:#44cae2;}
.i_solution .i_solution_ul ul li.bgs4 label{ background:#489ef0;}
.i_solution .i_solution_ul ul li .txts i{ display:block; width:54px; margin:0 auto; margin-top:54%; height:44px; background-repeat:no-repeat; background-position:center center;transition:all 0.3s; background-size:100% 100%;}
.i_solution .i_solution_ul ul li.bgs1 .txts i{ background-image:url(../images/i_pic1.png);}
.i_solution .i_solution_ul ul li.bgs2 .txts i{ background-image:url(../images/i_pic2.png);}
.i_solution .i_solution_ul ul li.bgs3 .txts i{ background-image:url(../images/i_pic3.png);}
.i_solution .i_solution_ul ul li.bgs4 .txts i{ background-image:url(../images/i_pic4.png);}
.i_solution .i_solution_ul ul li .txts .h3{ font-weight:normal; color:#fff;transition:all 0.3s; height:30px; line-height:30px;max-width:250px; width:94%; margin:0 auto; margin-bottom:2%; margin-top:9px;font-size:16px;}
.i_solution .i_solution_ul ul li:hover .txts i{ margin-top:26%;}
.i_solution .i_solution_ul ul li .txts .p{ font-size:14px;color:#fff; max-width:250px; width:94%; margin:0 auto; line-height:24px; overflow:hidden; margin-top:25px; height:0px;transition:all 0.3s;position:relative; text-align:left;}
.i_solution .i_solution_ul ul li .txts .p:after{ content:""; position:absolute; top:0; left:50%; transform: translate(-50%, 0%); width:30px; height:2px; background:#fff;}
.i_solution .i_solution_ul ul li .txts .p p{ margin-top:8%; overflow:hidden;}
.i_solution .i_solution_ul ul li:hover .txts .p{ height:auto;}

/*产品*/
.i_product{ background:#f8fbfd; overflow:hidden; padding-bottom:2.5%;}
.i_product .ul{ margin-top:31px; overflow:hidden;}
.i_product .ul li.l{ width:66.75%; overflow:hidden;}
.i_product .ul li .a1{ margin-bottom:1px; overflow:hidden; /*height:214px;*/}
.i_product .ul li .a2{ float:left; overflow:hidden; width:49.93%; /*height:214px;*/}
.i_product .ul li .a3{ float:right; overflow:hidden; width:49.93%; /*height:214px;*/}
.i_product .ul li .a4{ overflow:hidden; width:100%; /*height:429px;*/}
.i_product .ul li .imgs{ overflow:hidden; position:relative;width:100%; height:100%;}
.i_product .ul li .imgs img{ width:100%; height: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_product .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);}
.i_product .ul li .cons{ position:absolute; width:100%; height:100%; top:0; left:0;}
.i_product .ul li .txts{ color:#666666; font-size:16px; overflow:hidden; padding-right:20px;}
.i_product .ul li .txts .h3{ font-weight:normal; color:#333333; font-size:26px; height:40px; line-height:40px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.i_product .ul li .txts .p{height:26px; line-height:26px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_product .ul li .txts .imore{ background:#717171;width: 120px;height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; display: block; /* margin-top:25px;  */overflow:hidden; border-radius:20px; cursor:pointer;}
.imore2{ background:#717171;width: 120px;height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; display: block; margin-top:-10px;margin-left: 40px; overflow:hidden; border-radius:20px; cursor:pointer;}
.i_product .ul li .txts .imore:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_product .ul li .cons:hover .txts .imore{ color:#fff; background:#3860f4;transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.i_product .ul li .a1 .txts{ margin-top:12%; margin-left:5%;}
.i_product .ul li .a2 .txts{ margin-top:22%; margin-left:11%;}
.i_product .ul li .a3 .txts{ margin-top:22%; margin-left:10%;}
.i_product .ul li .a4 .txts{ text-align:center; margin-top:76%; margin-left:40px;}
.i_product .ul li.r{ width:33.16%; overflow:hidden;}


.i_more2_div{ text-align:center; overflow:hidden; margin-bottom:78px;}
.i_more2{ width:180px; height:50px; margin:0 auto; display:inline-block; clear:both; text-align:center; line-height:50px; font-size:14px; color:#999999; border:1px solid #dcdcdc;transition:all 0.3s;}
.i_more2:hover{text-decoration:none;color:#fff;}
.i_more2.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle;/*background:url(../images/i_bg2.png) 133px center #fff no-repeat;*/ }
.i_more2.hvr-shutter-out-vertical::before{ background:#3860f4;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1;}
.i_more2.hvr-shutter-out-vertical:active::before,.i_more2.hvr-shutter-out-vertical:focus::before,.i_more2.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);}
.i_more2.btn-enter:active,.btn-enter:focus,.i_more2.btn-enter:hover{/* background:#fff;*/color:#fff;}


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

}
@media screen and (max-width:1440px) {
/*关于我们*/
.i_t{ padding-bottom:18px; font-size:15px;}
/*解决方案*/
.i_solution .i_solution_ul ul li .txts i{ width:46px; height:37px;}
/*产品*/
.i_product .ul li .txts{ font-size:15px;}
.i_product .ul li .txts .h3{ font-size:24px;}
.i_product .ul li .txts .imore{ font-size:13px;}
}

@media screen and (max-width:1366px) {
/*解决方案*/
.i_solution .i_solution_ul ul li:hover .txts i{ margin-top:20%;}
/*产品*/
/*.i_product .ul li .a1{ height:214px;}
.i_product .ul li .a2{height:214px;}
.i_product .ul li .a3{height:214px;}
.i_product .ul li .a4 .txts{ margin-top:330px;}*/
}
@media screen and (max-width:1200px) {
/*产品*/
/*.i_product .ul li .a1{ height:202px;}
.i_product .ul li .a2{height:202px;}
.i_product .ul li .a3{height:202px;}
.i_product .ul li .a4{height:405px;}
.i_product .ul li .a4 .txts{ margin-top:307px;}*/
.i_product .ul li .txts{ font-size:14px;}
.i_product .ul li .txts .h3{ font-size:21px; height:32px; line-height:32px;}
.i_product .ul li .txts .imore{ font-size:12px; margin-top:20px; width:110px; height:28px; line-height:28px;}
}
@media screen and (max-width:1100px) {
/*关于我们*/
.i_t{ padding-bottom:14px; font-size:14px;}
.i_about .list li .txt1{ font-size:15px; line-height:26px;}
.i_about .list li .txt1 .h3{font-size: 20px; height:50px; line-height:50px;}
.i_about .list li .txt1 .p{ height:104px;}

/*解决方案*/
.i_solution .i_solution_ul ul li .txts i{ width:40px; height:33px;}
.i_solution .i_solution_ul ul li .txts .p{ margin-top:15px;}
.i_solution .i_solution_ul ul li .txts .p p{ margin-top:5%;}
/*产品*/
.i_product .ul li .txts{ font-size:13px;}
.i_product .ul li .a2 .txts{ margin-top:10%;}
.i_product .ul li .a3 .txts{ margin-top:10%;}
.i_product .ul li .txts .h3{ font-size:20px; height:30px; line-height:30px;}
.i_product .ul li .txts .imore{ width:100px;}
}

@media screen and (max-width: 960px) {
/*解决方案*/
.i_solution .i_solution_ul ul li{ width:50%;}
.i_solution .i_solution_ul ul li .txts i{ width:54px; height:44px;}
.i_solution .i_solution_ul ul li:hover .txts i{ margin-top:26%;}
.i_solution .i_solution_ul ul li .txts .p p{ margin-top:8%;}
/*产品*/
.i_product .ul li .a1 .txts{ margin-top:4%;}
.i_product .ul li .a2 .txts{ margin-top:8%;}
.i_product .ul li .a3 .txts{ margin-top:8%;}
.i_product .ul li .txts .h3{ font-size:18px;}
.i_product .ul li .txts .imore{ margin-top:15px;}
}
@media screen and (max-width: 830px) {
/*产品*/
.i_product .ul li .a1 .txts{ margin-top:3%;}
.i_product .ul li .a2 .txts{ margin-top:6%;}
.i_product .ul li .a3 .txts{ margin-top:6%;}
.i_product .ul li .a4 .txts{ margin-top:80%;}
.i_product .ul li .txts{ font-size:12px;}
.i_product .ul li .txts .h3{ font-size:16px;}
.i_product .ul li .txts .p{ height:3px; line-height:22px;}

}
@media screen and (max-width: 780px) {
/*关于我们*/
.i_about .i_about_con{line-height: 24px; /*font-size:13px;*/}
.i_about .list{ margin-top:5%;}
.i_about .list li{ width:100%; max-width:none; margin-bottom:3%; padding-bottom:7%; background-size:18% auto;}
.i_about .list li.l{ float:none;}
.i_about .list li.r{ float:none;}
.i_about .list li .txt1{ font-size:14px; line-height:24px;}
.i_about .list li .txt1 .h3{font-size: 18px; height:40px; line-height:40px;}
.i_about .list li .txt1 .p{ height:auto;}
/*产品*/
.i_product .ul li.l{ float:none; width:100%;}
.i_product .ul li .a1 .txts{ margin-top:6%;}
.i_product .ul li .a2 .txts{ margin-top:11%;}
.i_product .ul li .a3 .txts{ margin-top:11%;}
.i_product .ul li .a4 .txts{ margin-top:88%;}
.i_product .ul li.r{ float:none; width:100%; margin-top:1px;}
.i_product .ul li .txts .h3{ font-size:20px;}
}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_t{font-size:13px; line-height:22px;}
.i_t .h2{ height:40px; line-height:40px;}
/*解决方案*/
.i_solution .i_solution_ul ul li:hover .txts i{ margin-top:20%;}
/*产品*/
.i_product .ul li .a1 .txts{ margin-top:4%;}
.i_product .ul li .a2 .txts{ margin-top:9%;}
.i_product .ul li .a3 .txts{ margin-top:9%;}
.i_product .ul li .a4 .txts{ margin-top:85%;}
.i_product .ul li .txts .h3{ font-size:18px;}
}
@media screen and (max-width: 520px) {
/*产品*/
.i_product .ul li .a2{ float:none; width:100%;}
.i_product .ul li .a3{ float:none; width:100%;}
.i_product .ul li .a2 .txts{ margin-top:15%;}
.i_product .ul li .a3 .txts{ margin-top:15%;}
.i_product .ul li .txts .h3{ font-size:17px;}
}
@media screen and (max-width: 480px) {
/*解决方案*/
.i_solution .i_solution_ul ul li .txts i{ width:40px; height:33px; margin-top:50%;}
.i_solution .i_solution_ul ul li:hover .txts i{ margin-top:13%;}
.i_solution .i_solution_ul ul li .txts .p{ font-size:13px; line-height:22px;}
.i_solution .i_solution_ul ul li .txts .p p{ margin-top:5%;}
/*产品*/
.i_product .ul li .a1 .txts{ margin-top:10%; margin-left:5%;}
.i_product .ul li .a2 .txts{ margin-left:5%;}
.i_product .ul li .a3 .txts{ margin-left:4%;}
.i_product .ul li .txts{ padding-right:12px;}
.i_product .ul li .txts .h3{ height:28px; line-height:28px;}
.i_product .ul li .txts .imore{ margin-top:10px; height:24px; line-height:24px;}
}

@media screen and (max-width: 420px) {
/*解决方案*/
.i_solution .i_solution_ul ul li .txts .h3{ height:22px; line-height:22px;}
.i_solution .i_solution_ul ul li .txts .p{ margin-top:10px; line-height:20px; font-size:12px;}
.i_solution .i_solution_ul ul li .txts i{ width:36px; height:29px;}
/*产品*/
.i_product .ul li .a1{height:107px;}
.i_product .ul li .a2 .txts{ margin-top:33%;}
.i_product .ul li .a3 .txts{ margin-top:12%;}

}
@media screen and (max-width: 360px) {
/*关于我们*/
.i_t{ font-size:12px;}
.i_t .h2{ height:36px; line-height:36px; font-size:19px;}
.i_about .i_about_con{line-height: 22px;/* font-size:12px;*/}

}