@import url(style.css);

@import url(slide.css);

@import url(pscroll.css);

/*首页*/

/*产品推荐*/

.i_t{ margin-top:5%; overflow:hidden; text-align:center; color:#999999;}

.i_t .h2{ display:inline-block; font-weight:bold;line-height:1.2; overflow:hidden; color:#222222; font-size:35px; padding-left:37px; padding-right:37px; position:relative; }

.i_t .h2:before{ content:""; position:absolute; left:0; top:50%; height:1px; width:15px; background:#787b80;}

.i_t .h2:after{ content:""; position:absolute; right:0; top:50%; height:1px; width:15px; background:#787b80;}

.i_t .p{ display:block; overflow:hidden;line-height:26px; font-size:14px; padding-top:8px; }

.i_t .p.bgs2{ letter-spacing:12px; padding-left:12px;}

/*解决方案*/

.i_two{ overflow:hidden; background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;}

.i_mores{ overflow:hidden; clear:both; text-align:center; margin-bottom:68px; margin-top:-115px;}

.guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; text-align:center; clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#e9e9e9 url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; vertical-align:top;}

.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#38a2eb url(../images/works_more.png) no-repeat center 0px;}

/*关于我们*/

.i_three{overflow:hidden; background:url(../images/i_bg4.jpg) center center no-repeat; background-size:cover; position:relative;}

.i_three .i_three_r{float:right; overflow:hidden; width:50%; position:relative; z-index:1;}

.i_three .i_three_r .imgs{-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; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:350px;}

.i_three .i_three_r img{display: block;width: 100%;}

.i_three .i_three_r:hover .imgs{-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_three .i_three_pos{ position:absolute; top:50%; left:0; width:100%;transform: translate(0%, -50%);}

.i_three .i_three_l{float:left; overflow:hidden; width:47%; max-width:586px;}

.i_three .i_three_l .i_three_t{  position:relative; font-weight:bold;}

.i_three .i_three_l .i_three_t .h2{color:#fff; line-height:1.1;}

.i_three .i_three_l .i_three_t .span{ display:block; overflow:hidden; color:rgba(255,255,255,0.3); font-family:Arial;height:38px; line-height:38px; text-transform:uppercase;}

.i_three .i_three_l .desc{ clear:both; overflow:hidden;  line-height:30px; max-height:90px; font-size:14px; margin-top:5%; color:#fff;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.i_three .i_about_ul{margin-top:10%;  overflow:hidden;color:#fff;}

.i_three .i_about_ul li{float:left;transition:all 0.3s; overflow:hidden;position:relative; text-align:center;}

.i_three .i_about_ul li:first-child{ padding-right:7%; margin-right:6%;}

.i_three .i_about_ul li:first-child:after{ content:""; position:absolute; right:0; top:4%; height:92%; width:1px; background:#41a1ea;}

.i_three .i_about_ul li .h2{  overflow:hidden;font-weight:normal;   }

.i_three .i_about_ul li .h2 span{ line-height:1; font-family:Arial;}

.i_three .i_about_ul li .h2 label{ vertical-align:top; font-size:14px; padding-left:3px;}

.i_three .i_about_ul li .p{ overflow:hidden; line-height:26px; font-size:14px;}

.i_three .imores{ clear:both; display:block; margin-top:9%; width:164px; height:46px; line-height:46px; overflow:hidden;  color:#fff; text-indent:42px; background:url(../images/i_bg5.png) 112px center no-repeat; border:1px solid #fff; font-size:14px;transition:all 0.3s;position:relative; border-radius:6px;}

.i_three .imores:after{ content:""; position:absolute; width:0; height:100%; left:0; top:0; background:rgba(34,34,34,0.8); z-index:-1;transition:all 0.3s;}

.i_three .imores:hover{ background-position:115px center; text-indent:45px;}

.i_three .imores:hover:after{ width:100%;}

.i_four{}

.i_four .wrap6{ position:relative;}

.i_four_ul{ overflow:hidden;text-align:center; position:relative; margin-top:-18px; -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.12); box-shadow: 0 5px 25px rgba(0,0,0,0.12); background:#fff; border-radius:6px; z-index:2;}

.i_four_ul ul li{ float:left; width:25%; overflow:hidden; position:relative;padding-top:3%; padding-bottom:3%; cursor:pointer;-webkit-tap-highlight-color:transparent;}

.i_four_ul ul li:after{ content:""; position:absolute; right:0; height:114px; top:50%; margin-top:-57px; width:1px; background:#eaeaea;}

.i_four_ul ul li:last-child:after{ width:0;}

.i_four_ul ul li:before{ content:""; position:absolute; bottom:0; height:2px; width:0%; left:50%; right:50%; background:#38a2eb;transition:all 0.3s;}

.i_four_ul ul li:hover:before{ width:100%; left:0; right:0;}

.i_four_ul ul li i{ display:inline-block; height:58px; width:68px; background:no-repeat; background-size:100% 100%; margin-bottom:12px;}

.i_four_ul ul li i.bgs1{ background-image:url(../images/i_ico1.png);}

.i_four_ul ul li i.bgs2{ background-image:url(../images/i_ico2.png);}

.i_four_ul ul li i.bgs3{ background-image:url(../images/i_ico3.png);}

.i_four_ul ul li i.bgs4{ background-image:url(../images/i_ico4.png);}

.i_four_ul ul li:hover i.bgs1{ background-image:url(../images/i_ico1_on.png);}

.i_four_ul ul li:hover i.bgs2{ background-image:url(../images/i_ico2_on.png);}

.i_four_ul ul li:hover i.bgs3{ background-image:url(../images/i_ico3_on.png);}

.i_four_ul ul li:hover i.bgs4{ background-image:url(../images/i_ico4_on.png);}

.i_four_ul ul li .h3{ font-weight:normal; line-height:32px; height:32px; overflow:hidden; color:#222222;}

.i_four_ul ul li .p{ color:#777777; font-size:14px; overflow:hidden; line-height:22px; height:22px; margin-top:2px;}

.i_four_ul ul li:hover .h3{ color:#38a2eb;}

/*新闻资讯*/

.i_news_a{ overflow:hidden; text-align:center; margin:0 auto; max-width:297px; width:94%; margin-top:3%;}

.i_news_a a{ float:left;width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px);height:43px; line-height:43px; overflow:hidden; color:#777777; font-size:14px; transition:all 0.3s;border:1px solid #e1e1e1; }

.i_news_a a:first-child{ border-right:0; border-radius:6px 0 0 6px;}

.i_news_a a:last-child{ border-left:0; border-radius:0 6px 6px 0;}

.i_news_a a.isel{ background:#38a2eb; color:#fff; border-color:#38a2eb;}

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

.i_news_con .i_news_img{ float:left; width:50%;}

.i_news_con .i_news_r{ float:right; width:47%; max-width:588px; overflow:hidden}

.i_news_con .i_news_r .i_news_ul{ overflow:hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list{display: block;margin-top: 20px; padding-bottom:16px; overflow:hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list:last-child{ margin-bottom:0;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l{width: 58px;float: left;padding-right:21px; position:relative; margin-right:21px; text-align:center;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l:after{ position:absolute; content:"";  right:0; top:0; width:1px; height:73px; background:#e1e1e1;}

.i_news_con .i_news_r .i_news_ul .inr-list:hover .inr-l:after{ background:#38a2eb;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l .h4{font-size: 42px;color: #222222;/*font-family: 'sn';*/ font-family:Arial;line-height: 40px; height:45px; border-bottom:1px solid #e1e1e1; font-weight:normal; overflow:hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l .h5{font-size: 15px;color: #888888;/*font-family: 'Open sans';*/ font-family:Arial; margin-top:4px; line-height:22px; height:22px; overflow:hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-r{ overflow:hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-r .h3{ font-size: 18px;color: #222222;line-height: 36px; height:36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s; }

.i_news_con .i_news_r .i_news_ul .inr-list:hover .inr-r .h3{ margin-left:3px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-r .p{ height: 36px;font-size: 14px;color: #888888;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.i_news_con .i_news_r .i_news_ul .inr-list:hover .inr-r .h3{ color:#38a2eb;}

/*广告*/

.i_contact{ margin-top:5%;  overflow:hidden; padding-bottom:1%; background:url(../images/i_bg6.jpg) center center no-repeat; background-size:cover;}

.i_contact .i_title{ margin-top:4%; overflow:hidden; text-align:center; }

.i_contact .i_title h2{ overflow:hidden; font-weight:bold;color:#fff; margin-bottom:8px; line-height:1.2;}

.i_contact .i_contact_txt{ font-size:15px; line-height:28px; color:rgba(255,255,255,0.41); overflow:hidden;  text-align:center; padding-left:6px; letter-spacing:6px;}

.i_more_div{ text-align:center; overflow:hidden;}

.i_more2{ width:146px; height:42px; margin:0 auto; display:inline-block; clear:both; line-height:42px; font-size:14px; color:#fff; border-radius:4px; text-align:center;transition:all 0.3s; margin-top:11px; margin-bottom:2.6%; border:1px solid #fff;}

.i_more2:hover{text-decoration:none; color:#fff;opacity:0.8;filter:Alpha(opacity=80); background:#222222;}

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

/*关于我们*/

.i_three .i_about_ul{ margin-top:5%;}

.i_three .i_three_l .desc{ margin-top:3%;}

.i_three .imores{ margin-top:4%;}

}

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

/*关于我们*/

.i_three .i_about_ul{ margin-top:4%;}

.i_three .i_about_ul li .h2 label{ font-size:13px;}

.i_three .i_about_ul li .p{ font-size:13px;}

.i_three .i_three_l .desc{ margin-top:2%; line-height:24px; max-height:72px; font-size:13px;}

.i_three .imores{ margin-top:3%; width:144px; height:42px; line-height:42px;text-indent: 32px; background-position:102px center;}

.i_three .imores:hover{text-indent: 35px; background-position:107px center;}

}



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

/*产品推荐*/

.i_t .h2{ font-size:32px;}

/*关于我们*/

.i_four_ul ul li i{ width:58px; height:49px; margin-bottom:8px;}

}

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

/*产品推荐*/

.i_t .h2{ font-size:30px;}

/*新闻资讯*/

.i_news_con .i_news_r{ width:48%;}

.i_news_con .i_news_r .i_news_ul .inr-list{ margin-top:14px; padding-bottom:10px;}



}

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

/*关于我们*/

.i_four_ul ul li .h3{ height:30px; line-height:30px;}

.i_four_ul ul li .p{ font-size:13px;}

}



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





}



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

/*产品推荐*/

.i_t .h2{ font-size:28px;}

.i_t .p{ font-size:13px;}

/*关于我们*/

.i_three .i_three_r{ float:none; width:100%;}

.i_three .i_three_r .imgs{ min-height:inherit;}

.i_three .i_three_pos{ position:static;transform: translate(0%, 0%);}

.i_three .i_three_l{ float:none; max-width:none; width:100%; margin-top:4%; margin-bottom:7%;}

.i_three .i_three_l .desc{ margin-top:3%;}

.i_four_ul ul li:after{ height:90px; margin-top:-45px;}

.i_four_ul ul li i{ width:48px; height:41px; margin-bottom:5px;}

.i_four_ul ul li .h3{ height:26px; line-height:26px;}

/*新闻资讯*/

.i_news_con .i_news_img{ float:none; width:100%;}

.i_news_con .i_news_r{ float:none; width:100%; max-width:none; margin-top:1%;}

/*广告*/

.i_contact .i_contact_txt{ letter-spacing:3px; padding-left:3px;}

.i_more2{ width:120px; height:38px; line-height:38px;}



}

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



}

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

/*产品推荐*/

.i_t .h2{ font-size:24px;}

/*解决方案*/

.i_mores{ margin-bottom:50px; margin-top:-55px;}

}

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

/*关于我们*/

.i_four_ul ul li{ width:50%;}

.i_four_ul ul li:nth-child(2n+0):after{ height:0;}

/*新闻资讯*/

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l{ padding-right:15px; margin-right:15px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l .h4{ font-size:34px; line-height:36px; height:40px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l .h5{ font-size:14px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l:after{ height:66px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-r .h3{ height:30px; line-height:30px; font-size:16px;}

/*广告*/

.i_contact{ padding-bottom:2%;}

.i_contact .i_title{ margin-top:5%;}

.i_contact .i_contact_txt{ letter-spacing:0px; padding-left:0px; font-size:14px;}



}

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



}

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

/*产品推荐*/

.i_t .h2{ font-size:22px; padding-left:30px; padding-right:30px;}

.i_t .p{ font-size:12px; padding-top:3px;}

.i_t .p.bgs2{ letter-spacing:4px; padding-left:4px;}

/*解决方案*/

.i_mores{ margin-bottom:40px;}

.guwenmore{ height:40px; line-height:40px; background-position:center -54px;}

.guwenmore:Hover{ background-position:center -5px;}

/*关于我们*/

.i_three .i_three_l .i_three_t .span{ height:30px; line-height:30px;}

.i_three .i_about_ul{ margin-top:5%;}

.i_three .i_three_l{ margin-bottom:8%;}

.i_three .i_three_l .desc{ font-size:12px; line-height:22px; max-height:66px;}

.i_three .imores{ margin-top:4%; width:120px;text-indent: 22px; background-position:92px center; height:38px; line-height:38px;}

.i_three .imores:hover{text-indent: 25px; background-position:97px center;}

.i_four_ul{ margin-bottom:8px;}

.i_four_ul ul li{ padding-top:5%; padding-bottom:5%;}

.i_four_ul ul li i{ width:40px; height:34px;}

.i_four_ul ul li .p{ font-size:12px; height:20px; line-height:20px;}

/*新闻资讯*/

.i_news_a a{ height:38px; line-height:38px; font-size:13px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l .h4{ height:36px; line-height:30px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-l:after{ height:60px;}

.i_news_con .i_news_r .i_news_ul .inr-list .inr-r .p{ font-size:13px; height:30px; line-height:30px;}

/*广告*/

.i_contact .i_contact_txt{ font-size:13px; line-height:24px;}

}



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







}

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



}