@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom:10%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:12px;height:12px;border-radius:12px;margin-right:12px; display: inline-block;background: #fff;outline: none;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
}
.slick-dots .slick-active button {width:28px;}
.banner .slick-arrow{width:45px;height:45px;cursor: pointer;z-index: 22;top:48.5%;left:50%;margin-left:640px;background:url(../images/next2.png) no-repeat 0 0;position:absolute;border:0;line-height:84px;overflow:hidden;overflow: hidden;line-height:190px;}
.banner .slick-arrow.slick-next{margin-left:-690px;background:url(../images/prev2.png) no-repeat 0 0;}
.slick-prev:hover,.slick-next:hover{background-position: 0 bottom!important;}


.til01{text-align: center;color: #323232;font-size:50px;line-height:64px;font-family: "Microsoft Yahei";clear: both;display: block;height:124px;white-space: nowrap;position: relative;font-weight: normal;}
.til01 p{display: block;font-size:20px;line-height:36px;color: #515151;}
.til01 a{color: #323232;}
.til02,.til02 a,.til02 p{color: #fff;}


/*引子*/
.yinz{ height:auto;min-width:1200px; max-width:1920px; margin:0 auto; width:100%; position:relative;background:url(../images/webg.jpg) no-repeat center 0 #f8f8f8;}
.yinz h2{ width:50%; float:right; overflow:hidden;}
.yinz h2 img{ display:block; width:100%;}
.yinz2{ width:600px; position:absolute; top:14.5%; left:50%; margin-left:-600px;}
.yinz2 dt{ font:3rem "Microsoft YaHei UI"; color:#3e3e3e;}
.yinz2 dt em{ display:block; font-size:3.3rem; font-weight:bold; position:relative; margin-top:-8px;}
.yinz2 dt b{ color:#0e3c8a;}
.yinz2 dd{ width:515px; margin:20px 0 30px; font:14px "Microsoft YaHei UI"; line-height:24px;color:#676767;}
.yinz2 ul{ width:800px; height:160px; background:#fff;box-shadow:0.1rem 0.1rem 1rem 0.1rem #999;}
.yinz2 li{ font:20px "Microsoft YaHei UI"; color:#3e3e3e; float:left; padding:40px 0 0;width: 200px;text-align: center;}
.yinz2 li span{ display:block;height: 53px;overflow: hidden;margin-bottom: 10px;}
.yinz2 li span img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.yinz2 li:hover{color:#0e3c8a;}
.yinz2 li:hover span img{margin-top: -80px;}
.yinz h5{ width:200px; height:48px; background:#0e3c8a;font:16px "Microsoft YaHei UI"; line-height:48px;text-align: center;position: absolute;left:50%;margin-left: -600px;bottom: 0;}
.yinz h5 a{ display:inline-block; color:#fff; padding-right:40px;background:url(../images/ico01.gif) no-repeat right 20px;}
@media screen and (max-width: 1679px) {
.yinz h5{display:none;}
}

/*产品中心*/
.probox{clear: both;padding:90px 0 0;line-height:22px;font-family:"Microsoft Yahei";position: relative;font-size:14px;z-index: 1;background:url(../images/probg.jpg) no-repeat center 482px;color: #323232;}
.pro_gg{height: 500px;margin-bottom: 42px;}
.pro_gp{width: 50%;}
.pro_gp1{width: 100%;}
.pro_gp1 img{display:block;width:100%;max-width:952px;float: right;}
.pro_gw{width: 44.9%;}
.pro_gwc{width: 502px;}
.pro_gwc h3{font-size: 36px;line-height: 46px;height: 58px;font-weight: normal;}
.pro_gwl{height: 384px;}
.pro_gwl li{height: 112px;}
.pro_gwl li span{display: inline-block;padding: 0 10px;background: #0e8a6e;line-height: 28px;font-weight: bold;color: #fff;}
.pro_gwl li:nth-child(2) span{background: #8a370e;}
.pro_gwl li:nth-child(3) span{background: #0e3c8a;}
.pro_gwl li p{display: block;padding: 20px 0 0;}
.pro_gwico span{display: block;font-size: 16px;width: 245px;line-height: 57px;border-radius: 3px;background: #0a0a0a;float: left;text-align: center;}
.pro_gwico span:nth-child(2){background: #0e3c8a;margin-left: 10px;}
.pro_gwico span a{display: inline-block;color: #fff;padding-left: 38px;}
	@media screen and (max-width: 1680px) {
	    .pro_gg{height: 430px;}
    .pro_gwico{display:none;}
    }

.pro_nav{height: 112px;background: #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);overflow: hidden;line-height: 56px;font-size: 16px;color: #373737;margin-bottom: 20px;}
.pro_n1{height: 56px;border-bottom: 1px solid #b5b5b5;;position: relative;}
.pro_n1 h3{background:#0e3c8a;width:199px;float: left;font-weight: bold;text-align: center;font-size: 16px;}
.pro_n1 h3 a{display: inline-block;color: #fff;padding-left: 30px;}
.pro_n1 p{width: 972px;float: right;}
.pro_n1 p a{display: inline-block;color: #333;}
.pro_n1 p i{display: inline-block;width:40px;text-align: center;}
.pro_n1 p a:hover{color: #0e3c8a;text-decoration: underline;}
.prod1{position: relative;height: 585px;font-size: 14px;line-height: 16px;color: #848383;text-align: center;}
.prev1,.next1{right:-55px;top:152px;z-index: 8;width:35px;height:35px;display: inline-block;cursor: pointer;position: absolute;background:url(../images/next1.png) no-repeat 0 0;}
.prev1{left: -55px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.prod1_c{overflow: hidden;}
.prod1_c dl{position: relative;width: 280px;float: left;padding: 5px 12px 0;}
.prod1_c dt,.prod1_c dt img{width:280px;height:373px;display: block;overflow: hidden;}
.prod1_c dt{box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.prod1_c dd{padding: 8px;}
.prod1_c dd h4{font-size:16px;line-height:40px;color: #3e3e3e;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod1_c dd h4 a{color: #3e3e3e;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 解决方案 */
.plan{font-family:"Microsoft Yahei";position: relative;font-size:24px;z-index: 1;background:url(../images/planbg.jpg) no-repeat center 0;color: #fff;padding: 90px 0 0;height: 708px;}
.plan_c{background:url(../images/plancbg.png) no-repeat center 0;height: 676px;padding: 0 159px;}
.plan_p{width: 532px;height: 251px;position: absolute;left: 50%;margin-left: -264px;top: 250px;}
.plan_p img{width: 532px;display:block;}
.plan_w span{position: absolute;width: 95px;height:237px;text-align: center;line-height: 30px;z-index: 2;box-sizing:border-box;padding:152px 6px 0;}
.plan_w span:nth-child(1){left:12px;top: 313px;-webkit-transform: rotate(-78deg);transform: rotate(-78deg);}
.plan_w span:nth-child(2){left:63px;top:195px;-webkit-transform: rotate(-62deg);transform: rotate(-62deg);}
.plan_w span:nth-child(3){left:146px;top: 97px;-webkit-transform: rotate(-43deg);transform: rotate(-43deg);}
.plan_w span:nth-child(4){left:257px;top: 28px;-webkit-transform: rotate(-21deg);transform: rotate(-21deg);}
.plan_w span:nth-child(5){left:393px;top: 0;}
.plan_w span:nth-child(6){right:257px;top: 28px;-webkit-transform: rotate(21deg);transform: rotate(21deg);}
.plan_w span:nth-child(7){right:146px;top: 97px;-webkit-transform: rotate(43deg);transform: rotate(43deg);}
.plan_w span:nth-child(8){right:63px;top:195px;-webkit-transform: rotate(62deg);transform: rotate(62deg);}
.plan_w span:nth-child(9){right:12px;top: 313px;-webkit-transform: rotate(78deg);transform: rotate(78deg);}
.plan_w span a{color: #fff;}

/* 案例 */
.case{clear: both;padding: 90px 0 0;position: relative;font-size: 14px;line-height: 18px;text-align: center;}
.prev2,.next2{width: 31px;height:21px;display: inline-block;cursor: pointer;bottom:30px;left:50%;z-index: 9;margin-left: 555px;}
.prev2{margin-left:-585px;}
.case_t{height:80px;font-size: 18px;line-height: 40px;}
.case_t span{padding: 0 41px;}
.case_t span a{color: #323232;display: inline-block;}
.case_t span a:hover,.case_t span:hover a{color: #0e3c8a;text-decoration: underline;}
.case_c{margin-bottom: 8px;}
.case_c1 dl{width: 24.48%;margin-right: 0.69%;position: relative;float: left;}
.case_c1 dl:last-child{margin: 0;}
.case_c1 dt,.case_c1 dt img{width: 100%;display: block;overflow: hidden;}
.case_c1 dd{background:url(../images/case_lbg.png) no-repeat center 0;background-size: 100% auto;position: absolute;width:0;left:50%;top:50%%;height:0;box-sizing:border-box;color: #fff;padding:0 2rem;}
.case_c1 dd h3{font-size: 18px;position: relative;margin:19% 0 1rem;height: 60px;line-height: 60px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c1 dd h3:before{content: "";position: absolute;width:34px;height:2px;background:#fff;left: 50%;margin-left: -17px;bottom: 0;}
.case_c1 dd h3 a{color: #fff;display:block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c1 dd p{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;  overflow: hidden; text-overflow: ellipsis;height: 90px;margin-bottom: 1.5rem;opacity: 0.8;}
.case_c1 dd span{display: inline-block;width: 162px;line-height: 38px;background: #fff;margin: 0 auto;}
.case_c1 dd span a{display: inline-block;background:url(../images/ico04.gif) no-repeat right center;padding-right: 32px;color: #0e3c8a;}
.case_more{clear: both;height: 79px;line-height: 79px;background: #f7f7f7;font-weight: bold;letter-spacing: 1px;}
.case_c1 dl:hover dd{width:92%;left: 4%;top: 4%;height: 92%;transform:scale(1);
    -webkit-transform:scale(1);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:scale(1); }

@keyframes living {
    0%{
        transform: scale(0);
        opacity: 1;
    }
    50%{
        transform: scale(1);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
/*优势*/
.edge{clear: both;line-height:18px;padding:66px 0 80px;font-size: 14px;background:url(../images/edgebg2.jpg) no-repeat center  bottom #e7eef0;position: relative;z-index: 1;background-size: 100% auto;color: #323232;}
.edge:before{content: "";position: absolute;width:100%;height:100%;background:url(../images/edgebg1.jpg) no-repeat center 0;left:0;top: 0;z-index: -1;background-size: 100% auto;}
.video{height: 561px;}
.about_ico{width:54px;height:54px;top:244px;left:472px;border-radius:54px;position: absolute;display:block;background:url(../images/ico05.png) no-repeat 0 0;}
.video_w{width: 400px;height: 270px;color: #fff;font-size: 14px;line-height: 18px;background: #0e3c8a;top:96px;right: 0;padding:35px 40px 0;z-index: 2;box-sizing:border-box;}
.video_w h3{font-size: 18px;line-height: 30px;padding: 0 0 10px;}
.video_w h3 span{display: block;font-size: 30px;line-height: 42px;}
.video_w p{opacity: 0.7;}
.edge_r,.edge_l{width: 580px;}
.edge_r{padding: 76px 0 0;text-align:right;}
.edge_c h3{height:360px;position: relative;}
.edge_c h3:before{content: "";position: absolute;width:458px;height:3px;background:#0e3c8a;right:-12px;top:218px;}
.edge_c dl{height: 520px;padding: 50px 0 0;}
.edge_l dl:last-child{height: 514px;}
.edge_c dt,.edge_c dt img{width: 580px;height: 326px;display: block;}
.edge_c dt{position: relative;}
.edge_c dt em{position: absolute;font-size: 130px;color: #0e3c8a;width:200px;left: 0;top: -50px;line-height: 100px;text-align: center;font-weight: bold;letter-spacing: -2px;}
.edge_c dd h4{font-size: 40px;line-height: 64px;padding: 4px 0 10px;font-weight: normal;}
.edge_c dd h4 b{display: block;}
.edge_c dd h4 span{display: inline-block;background: #0e3c8a;font-size: 14px;color: #fff;line-height: 29px;padding: 0 12px;}
.honor{clear: both;background: #17438d;position: relative;padding:0 24px;height: 350px;}
.honor h3{text-align:center;color:#fff;font-size:24px;line-height:68px;height:73px;}
.honor h3 a{color:#fff;display:block;}
.honor:before{content: "";position: absolute;width:1200px;height:100px;background:url(../images/honcbg.png) no-repeat center ;right:0;bottom:-100px;}
.honor_l{overflow: hidden;}
.honor_l li{width: 168px;float: left;background:url(../images/honlbg.jpg) no-repeat center bottom;padding: 0 0 37px;margin:0 29px 0 0;}
.honor_l li img{width: 158px;height: 229px;background: #555050;padding: 5px;display: block;}


/*资讯*/
.nswsbox{height:530px;font-family:"Microsoft Yahei";line-height:18px;color: #666;font-size: 14px;clear: both;background:url(../images/newbg.jpg) no-repeat center 0 #f7f7f7;padding: 124px 0 0;}
.nswsbox h2{position: absolute;left: 0;top: -63px;font-size: 24px;font-weight: normal;line-height: 48px;}
.nswsbox h2 em{float: left;display: block;}
.nswsbox h2 span{float: left;display: block;padding: 60px 0 0 16px;color: #fff;}
.news_r{width: 540px;height: 387px;background: #0e3c8a;color: #fff;padding: 24px 30px;overflow: hidden;position: relative;z-index: 1;}
.news_r:before{content: "";position: absolute;width:100%;height: 1px;z-index: -1;background:#3e63a1;left:0;top:106px;}
.new_t,.news_l h3{font-size:24px;height:105px;line-height:32px;}
.new_t span{height:80px;color: #fff;display: block;float: left;margin-right: 40px;}
.new_t span em,.news_l h3 em{font-size: 12px;line-height: 18px;text-transform: uppercase;opacity: 0.3;display: block;}
.new_t span a{color: #fff;}
.new_t span:nth-child(2){margin: 0 20px;}
.new_t span.cur{border-bottom: solid 3px #fff;}
.new_t span.cur a{color: #fff;}
.new_t p{float: right;width: 30px;line-height: 49px;}
.new_t p a{display: block;background:url(../images/ico02.jpg) no-repeat center;width: 30px;height:49px;}
.news_c{height: 274px;overflow: hidden;}
.news_c1 li{height: 52px;margin-bottom: 20px;overflow: hidden;color: #909dbe;line-height: 22px;}
.news_c1 li span{width: 83px;height: 50px;float: left;border: solid 1px #fff;text-align: center;font-size:14px;line-height: 18px;font-family: Times New Roman;}
.news_c1 li span b{display: block;font-size: 24px;line-height: 22px;color: #fff;font-weight: normal;padding: 7px 0 0;}
.news_c1 li p{width: 418px;float: right;}
.news_c1 li p a{display: block;color: #fff;font-size: 16px;line-height: 24px;}
.news_c1 li:hover span{background: #fff;color: #848484;}
.news_c1 li:hover span b{color: #0e3c8a;}
.news_l{width: 564px;padding: 162px 0 0;}
.news_l h3{font-weight: normal;height: 80px;}
.news_l h3 a{color: #3c3c3c;}
.news_lt{width: 68px;height: 20px;top: 170px;right: 0;text-align: center;}
.pro_gpt{width: 130px;height: 40px;bottom: 0;right: 0;z-index: 2;}
.news_lt em,.pro_gpt em{display: inline-block;width: 11px;height: 11px;border: solid 1px #737373;border-radius: 11px;margin: 0 10px 0 0;}
.pro_gpt em{border-color: #fff;}
.news_lt em:last-child,.pro_gpt em:last-child{margin: 0;}
.news_lt em.cur{background: #0e3c8a;border-color: #0e3c8a;}
.pro_gpt em.cur{background: #fff;}
.new_cl dl{height: 190px;overflow: hidden;}
.news_lc dt,.news_lc dt img{width: 300px;height: 190px;display: block;overflow: hidden;float: left;}
.news_lc dd{width: 240px;padding:0 0 0 24px;float: left;}
.news_lc dd h4{font-size: 16px;line-height: 18px;color: #3c3c3c;height: 40px;}
.news_lc dd h4 a{color: #3c3c3c;display:block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_lc dd p{height: 107px;}
.news_lc dd span{display: block;width: 130px;line-height: 43px;text-align: center;color: #fff;background: #0e3c8a;}
.news_lc dd span a{display: inline-block;color: #fff;background:url(../images/ico03.jpg) no-repeat right center;padding-right: 38px;}
.news_lc dl:hover h4 a,.news_lc dl h4 a:hover{color: #0e3c8a;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 14px;line-height: 26px;padding: 92px 0 0;}
.about_p,.about_p img{width:100%;display:block;}
.about_w{width: 500px;top:294px;color: #fff;left:50%;margin-left: 100px;}
.about_w li{border-bottom: dotted 1px rgba(255, 255, 255, 0.3);height:101px;margin-bottom: 15px;}
.about_w li:last-child{border: 0;}
.about_w li span{float: left;width: 114px;}
.about_w li span img{box-shadow: 5px 5px 0 0 #041655;width: 90px;height: 90px;border-radius: 90px;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.about_w li:hover span img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.about_w li p b{display: block;padding: 15px 0 0;line-height: 34px;font-size: 16px;}

@media screen and (max-width: 1780px) {
    .about_w{top:264px;}
}
@media screen and (max-width: 1679px) {
    .about_w{top:244px;}

}@media screen and (max-width: 1440px) {
    .about_w{top:229px;}
    .about_w li{height:98px;margin-bottom: 4px;}
}

/*友情链接*/
.link{height:0;line-height:28px;position: relative;z-index: 9;font-size: 14px;color: #696969;width: 1200px;margin: 0 auto;}
.link_c{position: absolute;width:1200px;height:28px;top:-275px;right:0;text-align: center;}
.link a{display: inline-block;color: #737475;padding: 0 0 0 32px;}


.prod1_c dt img, .case_c1 dt img, .news_lc dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod1_c dl:hover dt img, .case_c1 dl:hover dt img,.news_lc dl:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}