@import url(/uploads/css/szcss/style.css);

@import url(/uploads/css/szcss/slide.css);

@import url(/uploads/css/szcss/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: #1a4ab8;}

.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:#1a4ab8;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:#f8f8f8; background-repeat:no-repeat; background-position:right bottom;}

.i_about .list li.l{background-image: url(/uploads/image/szimages/i_bg1.png);}

.i_about .list li.r{background-image: url(/uploads/image/szimages/i_bg2.png);}

.i_about .list li .txt1{line-height: 30px;font-size: 16px;color: #666666; 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: #333333; 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:#fff;}

.i_about .list li:hover .txt1 .h3{ color:#1a4ab8;}

/*解决方案*/

.i_solution{ overflow: hidden; padding-bottom:3.5%;background:url(/uploads/image/szimages/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(/uploads/image/szimages/i_pic1.png);}

.i_solution .i_solution_ul ul li.bgs2 .txts i{ background-image:url(/uploads/image/szimages/i_pic2.png);}

.i_solution .i_solution_ul ul li.bgs3 .txts i{ background-image:url(/uploads/image/szimages/i_pic3.png);}

.i_solution .i_solution_ul ul li.bgs4 .txts i{ background-image:url(/uploads/image/szimages/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;}

.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;}

.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:#1a4ab8;transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}


.i_product .ul li .a2 .txts{ margin-top:12%; margin-left:57%;}

.i_product .ul li .a3 .txts{ margin-top:12%; margin-left:8%;}

.i_product .ul li .a4 .txts{ text-align:center; margin-top:83%; margin-left:20px;}

.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(/uploads/image/szimages/i_bg2.png) 133px center #fff no-repeat;*/ }

.i_more2.hvr-shutter-out-vertical::before{ background:#1a4ab8;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 .a1.r .txts{ margin-top:10%;}*/
.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:22px; 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 .a1.l,.i_product .ul li .a1.r{ width:100%; float:none;}*/
.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:3%; margin-left:55%;}*/

.i_product .ul li .a2 .txts{ margin-left:55%;}

.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:12%;}

.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;*/}



}