@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:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:14px;height:14px;border-radius:14px;margin-right:12px; display: inline-block;outline: none;background:#014499;}
.slick-dots .slick-active button {background: #ff6c00;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #16163f;font-size:48px;line-height:68px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 54px;font-weight: normal;}
.til01 span{display: block;font-size:20px;line-height: 32px;opacity: 0.7;}
.til01 a{color: #16163f;}
.til02,.til02 a{color: #fff;}


/*引子*/
.guide{font-size:16px;color: #666;line-height:30px;position: relative;padding:89px 0 0;background:url(../images/guidebg.jpg) no-repeat center 0;z-index: 1;}
.guide:before{content: "";position: absolute;width: 100%;height:234px;left: 0;bottom:0;background:url(../images/guide_nbg.jpg) no-repeat 0 bottom;z-index: -1;}
.guide_c{height:478px;}
.guide_w{display: block;padding:36px 0 0;width:43%;}
.guide_w h2{font-size: 36px;line-height: 52px;border-bottom: 1px solid #e8e8e8;padding-bottom:1.9rem;margin-bottom: 2.4rem;color: #16163f;}
.guide_w h2 span{display: block;font-weight: normal;font-size: 24px;line-height: 40px;color: #666;}
.guide_p{position: relative;width:45.2%;position: relative;margin-right: 4.9%;}
.guide_p em{width:140px;position: absolute;top: -10px;right: -90px;display: block;}
.guide_p img{width: 100%;display: block;}
.guide_p .a_video{position: absolute;width:65px;height:65px;left:50%;top:50%;background:url(../images/video_ico.png) no-repeat 0;z-index: 1;margin: -50px 0 0 -40px;}

.guide_l{height:234px;line-height: 38px;font-size: 18px;text-align: center;}
.guide_l li{float: left;width: 20%;box-sizing:border-box;padding:68px 0 0;color: #fff;position: relative;}
.guide_l li:before{content: "";position: absolute;width: 1px;height:92px;right: 0;top:76px;background:rgba(255, 255 , 255, 0.2);}
.guide_l li:last-child:before{width: 0;}
.guide_l li span{display: block;height: 66px;line-height: 66px;}
.guide_l li span i{font-weight: bold;}
.guide_l li b,.guide_l li strong{font-family: Arial , Times New Roman;line-height:56px;font-size:60px;}

/*研发实力*/
.chara{font-size: 14px;line-height: 24px;color: #666;padding: 72px 0 0;margin-bottom: 4.9rem;}
.chara_t{width: 50%;right: 0;bottom: 100px;height: 127px;text-align: center;font-size: 24px;color: #16163f;line-height: 36px;z-index:9;}
.chara_t li{width: 25%;background: #fff;height: 127px;box-shadow: 0 0 6px 6px rgba(0, 0 , 0, 0.05);float: left;}
.chara_t li em{display: block;padding: 20px 0 0;text-decoration: underline;}
.chara_t li.cur{background: #2067b9;color: #fff;}
.chara_c dl{position: relative;padding: 0 0 227px;}
.chara_c dt,.chara_c dt img{width: 100%;display: block;overflow: hidden;}
.chara_c dd{display: block;position: absolute;left: 0;bottom: 100px;background: #fff;box-shadow: 0 0 6px 6px rgba(0, 0 , 0, 0.05);width: 50%;height: 192px;z-index: 2;box-sizing:border-box;padding: 1rem 1.5rem 0;}
.chara_c dd h3{font-size: 30px;line-height:60px;height: 60px;color: #16163f;font-weight: normal;}


/*产品中心*/
.probox{clear: both;font-family:"Microsoft Yahei";position: relative;z-index: 1;background: #f7f8fc;}
.prod1{padding:74px 0 90px;clear: both;}
.prod_g{width:49.4%;display: block;overflow: hidden;}
.prod_c{width: 49.3%;}
.prod2 .prod_g{float:right;}
.prod2 .prod_c{float:left;}
.prod_c h3{font-weight: normal;font-size: 2.4rem;line-height: 3.6rem;color: #16163f;padding: 0 0 2.3rem;}
.prod_c h3 span{display: block;font-size: 22px;line-height: 2.4rem;}
.prod_c h3 a,.prod_cp li dl dd h4 a{display: block;color: #16163f;}
.prod_cw{height: 9.7rem;}
.prod_cp li{width:29.3%;float: left;position: relative;}
.prod_cp li:nth-child(2){margin: 0 6%;}
.prod_cp li p.pro_lt{width: 100%;background: #fff;text-align: center;padding: 1rem 1rem 0;box-sizing:border-box;font-size: 16px;line-height: 60px;color: #000;}
.prod_cp li p.pro_lt em,.prod_cp li p.pro_lt img,.prod_cp li p.pro_lt span{display: block;color: #16163f;}
.prod_cp li dl{position: absolute;width:680px;height: 360px;right:204px;bottom: 0;z-index: 2;background: #fff;box-shadow: 0 0 6px 6px rgba(0, 0 , 0, 0.05);display: none;}
.prod_cp li dl:before{content: "";position: absolute;width: 0;height:0;right:-10px;bottom:56px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;}
.prod2 .prod_cp li dl{right: auto;left: 204px;}
.prod2 .prod_cp li dl:before{right: auto;left: -10px;border-right:10px solid #fff;border-left:0;}
.prod_cp li:hover dl{display: block;}
.prod_cp li dl dt{width: 45%;float: left;overflow: hidden;margin: 1rem;}
.prod_cp li dl dd{width: 48.9%;float: right;}
.prod_cp li dl dd h4{font-weight: normal;font-size: 24px;line-height: 36px;padding: 1.7rem 0;}
.prod_cp li dl dd h4 span{display: block;font-size: 18px;line-height: 28px;}
.prod_cp li dl dd .prod_pl p{width: 44.2%;float: left;margin-right: 10px;text-align: center;line-height: 32px;}
.prod_cp li dl dd .prod_pl p img{width: 100%;display: block;border: solid 1px #f1f1f1;box-sizing:border-box;}
.pro_more{clear: both;padding: 0.9rem 0 0;display: block;text-align: center;}
.pro_more a,.case_more a{display:block;width: 125px;line-height: 34px;border: solid 1px #014499;color: #014499;border-radius: 17px;text-align: center;}

/*竞争力*/
.comp{font-family:"Microsoft Yahei";line-height:24px;position: relative;padding:68px 0 54px;font-size: 16px;}
.comp_c dl{width: 32.2%;float: left;margin: 0 1.7% 24px 0;position: relative;}
.comp_c dd{position: absolute;left: 0;top: 0;z-index: 2;display: none;}
.comp_c dl.cur dd,.comp_c dl:hover dd{display: block;}
.comp_c dl:nth-child(3n){margin-right: 0;}
.comp_c dl img,.case_w li img{width: 100%;display: block;}
.comp_c dt{position: relative;}
.comp_c dt p{position: absolute;width: 78%;left:11%;top:40px;z-index: 1;}
.comp_c dt p b{display: block;font-size: 24px;line-height: 62px;color: #16163f;position: relative;}
.comp_c dt p b:before{content: "";position: absolute;width: 3px;height:19px;left:-16px;top:22px;background: #16163f;}

/*案例*/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:30px;position: relative;padding:88px 0;z-index: 1;color: #666;background: #f7f8fc;}
.case_t{width:100%;font-size:18px;line-height:76px;height:76px;border-top: 1px solid #e9e9e9;}
.case_t li{float: left;padding: 0 22px;position: relative;}
.case_t li a{display: inline-block;color: #333;padding: 0 0 0 37px;}
.case_t li.cur,.case_t li:hover{color: #014499;}
.case_t li.cur:before,.case_t li:hover:before{content: "";position: absolute;width:100%;height:5px;left:0;top:-1px;background: #014499;z-index: 1;}
.case_t li:hover a,.case_t .cur a{background-position: 0 -40px!important;color: #014499;}

.case_c{background: #fff;}
.case_p{float: left;width:49.7%;overflow: hidden;}
.case_p img{width: 100%;display: block;overflow: hidden;}
.case_w{width:44.6%;padding:1.7rem 0 0 3%;}
.case_w h4{display: block;font-size:24px;line-height:62px;height:62px;overflow: hidden;font-weight: normal;}
.case_w h4 a{color: #16163f;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_more{display: block;padding: 2rem 0 1.5rem;}
.case_w li{width: 32%;float: left;text-align: center;line-height: 40px;}
.case_w li:nth-child(2){margin: 0 2%;}
.case_w li span{display: block;color: #16163f;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*优势*/
.super{clear: both;font-family:"Microsoft Yahei";line-height:24px;font-size: 14px;position: relative;z-index: 2;color: #fff;padding:56px 0 0;}
.super_c1{height:670px;display: block;}
.super_c1 img{width: 100%;display: block;margin: 0 auto;}
.super_t{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 288px;}
.super_t li{width: 25%;float: left;position: relative;height: 182px;}
.super_t li .super_tw{box-sizing:border-box;padding:34px 89px 0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.super_t li p{display: none;width: 82%;}
.super_t li h4{width: 90%;line-height: 40px;display: block;font-size: 22px;padding: 0 0 22px;white-space: nowrap;}
.super_t li h4 em{display: block;width: 44px;height: 42px;margin: 0 0 14px;}
.super_t li h4 span{display: block;font-weight: normal;font-size: 16px;line-height: 30px;}
.super_t li.cur .super_tw{height: 288px;padding:34px 34px 0;background:url(../images/super_wbg.png) no-repeat right 0;}
.super_t li.cur p{display: block;}
.super_t li.cur h4{background:url(../images/ico04.png) no-repeat right 8px;}
.super_t li.cur h4 em{display: none;} 

@media screen and (max-width: 1680px) {
.super_c1{height:600px;}
.super_t li .super_tw{padding:28px 79px 0;}
.super_t li h4{line-height: 36px;padding: 0 0 18px;}
.super_t li h4 span{line-height:28px;}
}
@media screen and (max-width: 1580px) {
.super_c1{height:520px;}
.super_t li .super_tw{padding:20px 70px 0;}
.super_t li h4{line-height: 32px;padding: 0 0 15px;}
.super_t li h4 span{line-height:26px;}
}
@media screen and (max-width: 1480px) {
.super_c1{height:450px;}
.super_t li .super_tw{padding:18px 60px 0;}
.super_t li h4{line-height: 36px;padding: 0 0 10px;}
.super_t li h4 span{line-height:20px;}
}

/*新闻资讯*/
.nswsbox{padding: 68px 0 80px;position: relative;font-size: 16px;line-height:31px;color: #666;overflow: hidden;background: #f7f8fc;}
.nsw1{width: 31.43%;overflow: hidden;height: 590px;}
.nsw1 h3{font-size: 24px;line-height: 66px;font-weight: normal;color: #333;}
.nsw1 h3 a{display: block;color: #333;}
.nsw2{margin: 0 2.855%;}
.new_c1,.new_c2,.new_c3{height: 525px;overflow: hidden;}
.new_c1{background: #fff;box-shadow: 0 0 5px 5px rgba(255, 255 , 255, 0.05);}
.new_c2{background:url(../images/newbg.jpg) no-repeat 0 0;box-sizing:border-box;padding: 60px 34px 0;}
.nsw1_em{width: 68px;right: 0;top: 220px;z-index: 2;}
.nsw1_em em{display: block;float: left;width: 10px;height: 10px;border-radius: 10px;background: #fff;margin-right: 6px;}
.nsw1_em em.cur{background: #ff6c00;}

.nsw1_lp dt,.nsw1_lp dt img{width: 100%;display: block;overflow: hidden;}
.nsw1_lp dd{padding: 29px 30px 0;}
.nsw1_lp dd p,.new_c2 .new_em{height: 50px;line-height: 32px;}
.nsw1_lp dd p em,.new_c2 .new_em em{display: block;font-size: 14px;color: #cbcbcb;float: right;background:url(../images/ico01.png) no-repeat 0 center;padding-left: 28px;}
.nsw1_lp dd p span{float: left;display:block;width: 86px;line-height: 32px;border: solid 1px #014499;color: #014499;border-radius: 16px;text-align: center;}
.nsw1_lp dd h4,.new_c2 h4{font-size: 24px;line-height: 36px;font-weight: normal;}
.nsw1_lp dd h4 a,.new_c2 h4 a,.new_c3 dd h4 a{display: block;color: #16163f;}
.new_c2 .new_em span{color: #16163f;font-size: 16px;}
.new_c2 p{padding: 24px 0 0;height: 210px;}

.new_c3 dl{border-bottom: 1px solid #eaebee;margin-bottom: 28px;clear: both;height: 162px;}
.new_c3 dt{width: 50%;float: left;overflow: hidden;}
.new_c3 dt img{width: 100%;display: block;}
.new_c3 dd{width: 42%;float: left;padding: 4px 0 0 5.9%;font-size: 14px;line-height: 24px;}
.new_c3 dd h4{font-weight: normal;font-size:16px;line-height: 42px; }
.new_c3 dd h4 a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c3 dd p{background:url(../images/ico02.png) no-repeat 0 bottom;padding: 0 0 30px;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 16x;line-height:30px;color: #666;position: relative;z-index: 1;padding: 0 0 4.2rem;}
.about_p,.about_p img{width: 100%;display: block;overflow: hidden;}
.about_w{width: 72.43%;padding: 2rem 2rem 0;background: #fff;box-sizing:border-box;margin-top:-98px;box-shadow: 0 0 5px 5px rgba(0, 0 , 0, 0.05);height: 180px;}
.about_w a{color: #144d9d;}
.about_g{right: 0;bottom: 0;width: 27.57%;background: #fff;box-sizing:border-box;padding: 10px;overflow: hidden;}
.about_g img{width: 100%;display: block;overflow: hidden;}

.show{height: 404px;overflow: hidden;font-size: 16px;}
.show_t{width: 12.5%;line-height: 78px;font-size: 22px;}
.show_t span{border-bottom: 1px solid #cbcbcb;display: block;padding: 0 12px 0 0;}
.show_t span a{display:block;color: #333;}
.show_t span.cur a{background:url(../images/ico03.png) no-repeat right center;color: #014499;}
.show_c{width: 84.3%;height: 344px;overflow: hidden;}
.show_c li{float: left;position: relative;width: 32.4%; margin-bottom: 1rem;text-align:center;}
.show_c li:nth-child(2n){margin:0 1.4% 1rem;}
.show_c li p,.show li p img{width: 100%;display: block;overflow: hidden;}
.show_c li p{border: solid 1px #f1f1f1;box-sizing:border-box;}
.show_c li span{display: block;height:54px;line-height:54px;color: #666;border-bottom: 1px solid #e0e0e0;}


/*友情链接*/
.link{height:0;line-height:66px;position: relative;z-index: 9;line-height:30px;font-size: 14px;}
.link_c{left: 0;top: -62px;z-index: 2;}
.link a{display: inline-block;color: #87898f;padding: 0 0 0 72px;}

.chara_c dt img,.prod_cp li dl dt img,.case_p img, .nsw1_lp dt img,.new_c3 dt img,.chara_cp p img,.about_g img, .show li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara_c dl:hover dt img,.prod_cp li dl:hover dt img,.case_p:hover img, .nsw1_lp dl:hover dt img,.new_c3 dl:hover dt img,.chara_cp p:hover img,.about_g:hover img, .show li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

  html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
  @media screen and (min-width:320px){html{font-size:8.5333px;}}
  @media screen and (min-width:360px){html{font-size:9.6px;}}
  @media screen and (min-width:375px){html{font-size:10px;}}
  @media screen and (min-width:400px){html{font-size:10.66666666666px;}}
  @media screen and (min-width:414px){html{font-size:11.04px;}}
  @media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
  @media screen and (min-width:480px){html{font-size:12.8px;}}
  @media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
  @media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
  @media screen and (min-width:600px){html{font-size:16px;}}
  @media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
  @media screen and (min-width:680px){html{font-size:18.1333333333px;}}
  @media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
  @media screen and (min-width:720px){html{font-size:19.2px;}}
  @media screen and (min-width:750px){html{font-size:20px;}}