@charset "utf-8";
/*首页*/
.home_title{font-size: 0; text-align: center; line-height: 1.2;}
.home_title span{display: inline-block; *display: inline; *zoom: 1; padding: 0 14px; font-size: 36px; font-weight: bold; position: relative;}
.home_title span i{display: block; width: 60px; height: 1px; background: #ccc; position: absolute; top: 50%;}
.home_title span i.l{left: -60px;}
.home_title span i.r{right: -60px;}
.home_desc{font-size: 16px; text-align: center; margin-top: 16px; color: #666;}
.home_desc span{font-weight: bold; color: #f00;}
/*首页---广告图切换*/
.banner{position: relative; z-index: 22; margin-top: 100px;}
.banner img{width: 100%;}
.banner .slick-dots{bottom: 28px;}
.banner .slick-dots li{margin: 0 6px;}
.banner .slick-dots li button{width: 15px; height: 15px; background: #e5e5e5; filter: alpha(opacity: 30); opacity: .3;}
.banner .slick-dots li.slick-active button{filter: alpha(opacity: 100); opacity: 1;}
/*首页---产品中心*/
.product{padding: 70px 0; background: #fff;}
.productBox{margin-top: 20px;}
.productBox ul{margin: 0 -18px;}
.productBox li{width: 33.33%; *width: 33.31%; float: left;}
.productBox li .item{margin: 8px 18px;}
.productBox li .pic{overflow: hidden; position: relative;}
.productBox li .pic a{display: block;}
.productBox li .pic img{width: 100%;}
.productBox li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .6s;}
.productBox li .mask .bg{width: 100%; height: 100%; background: #007cc3; filter: alpha(opacity: 50); opacity: .5; position: absolute; left: 0; top: 0; z-index: 2;}
.productBox li .mask .border_ver,.productBox li .mask .border_hor{position: absolute; top: 18px; left: 18px; bottom: 18px; right: 18px; transition: all .8s; border-color: #fff; border-style: solid; filter: alpha(opacity: 50); opacity: .5; z-index: 3;}
.productBox li .mask .border_ver{border-width: 0 1px; transform: scale(1,0);}
.productBox li .mask .border_hor{border-width: 1px 0; transform: scale(0,1);}
.productBox li .mask .line_hor{width: 48px; height: 2px; background: #e5e5e5; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -1px; z-index: 4;}
.productBox li .mask .line_ver{width: 2px; height: 48px; background: #e5e5e5; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -24px; z-index: 5;}
.productBox li .pic:hover .mask{opacity: 1; visibility: visible;}
.productBox li .pic:hover .mask .border_ver,.productBox li .pic:hover .mask .border_hor{transform: scale(1,1);}
.productBox li .title{height: 32px; line-height: 32px; font-size: 18px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}
.product_more{display: block; width: 220px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background: #e5e5e5; margin: 26px auto 0;}
.product_more:hover{background: #007ec4; color: #fff!important;}
/*首页---关于我们*/
.about{background: #fff;}
.aboutTop{padding: 68px 0 60px 0; background: #007ec4;}
.aboutTop .home_title{color: #fff;}
.aboutTop .home_desc{color: #fff;}
.aboutBox{padding-bottom: 66px;}
.aboutBox .wrapper{font-size: 0;}
.aboutBox .wrapper > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;}
.aboutBox .pic{width: 45.4%; position: relative; z-index: 2; margin-top: 8px;}
.aboutBox .pic img{width: 100%;}
.aboutBox .pic span{display: block; height: 64px;}
.aboutBox .text{width: 54.6%; background: #fff; box-shadow: 3px 0 29px rgba(0,0,0,.15); font-size: 14px; position: relative; z-index: 3; margin-top: -30px;}
.aboutBox .txt{padding: 64px 56px;}
.aboutBox .title{font-size: 24px; font-weight: bold;}
.aboutBox .tit{font-size: 18px; margin-top: 5px;}
.aboutBox .desc{font-size: 15px; line-height: 30px; color: #666; margin-top: 46px;}
.aboutBox .more{display: block; width: 250px; height: 54px; line-height: 54px; background: #e5e5e5; text-align: center; text-transform: uppercase; margin-top: 60px;}
.aboutBox .more:hover{background: #007cc3; color: #fff!important;}
/*首页---解决方案*/
.solution{padding: 60px 0; background: url(../images/home_bg3.png) repeat #007ec4;}
.solution .home_title{color: #fff;}
.solution .home_desc{color: #fff;}
.solutionBox{margin-top: 32px;}
.solutionRow{margin: 0 -15px;}
.solutionItem{width: 50%; *width: 49.98%; float: left;}
.solutionItem .item{margin: 0 15px;}
.solutionItem .pic{overflow: hidden;}
.solutionItem .pic a{display: block;}
.solutionItem .pic img{width: 100%; transition: all .8s;}
.solutionItem .pic:hover img{transform: scale(1.1);}
.solutionItem .txt{background: #fff; padding: 14px 30px;}
.solutionItem .title{font-size: 24px; height: 36px; line-height: 36px;}
.soulist ul{margin: 0 -24px; padding: 4px 0;}
.soulist li{width: 50%; *width: 49.98%; float: left;}
.soulist li span{display: block; height: 34px; line-height: 34px; font-size: 0; margin: 0 24px;}
.soulist li a{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 22px; line-height: 22px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/sousjx_bg.png); padding-left: 20px; font-size: 15px;}
.soulist li a:hover{background-image: url(../images/sousjx_hbg.png);}
/*首页---实力展示*/
.advantage{background: #fff; padding: 60px 0 40px 0;}
.advantageBox{margin-top: 20px;}
.advantageBox ul{margin: 0 -10px;}
.advantageBox li{width: 33.33%; *width: 33.31%; float: left;}
.advantageBox li .item{margin: 16px 10px;}
.advantageBox li .pic{position: relative; overflow: hidden;}
.advantageBox li .pic a{display: block;}
.advantageBox li .pic img{width: 100%; transition: all .6s;}
.advantageBox li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .6s;}
.advantageBox li .mask .bg{width: 100%; height: 100%; background: #007ec4; filter: alpha(opacity: 80); opacity: .8; position: absolute; left: 0; top: 0; z-index: 2;}
.advantageBox li .mask .more{height: 34px; line-height: 34px; font-size: 18px; color: #fff; text-align: center; position: absolute; left: 14px; right: 14px; top: 50%; margin-top: -17px; z-index: 3;}
.advantageBox li .pic:hover img{transform: scale(1.1);}
.advantageBox li .pic:hover .mask{opacity: 1; visibility: visible;}
.advantageBox li .txt{padding: 16px 4px 10px 24px;}
.advantageBox li .title{font-size: 18px; font-weight: bold; position: relative; height: 30px; line-height: 30px;}
.advantageBox li .title i{display: block; width: 14px; height: 1px; background: #0a83c6; position: absolute; left: -24px; top: 50%;}
.advantageBox li .desc{font-size: 14px; color: #666; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px;}
.advantageBox .n2 li{width: 25%; *width: 24.98%;}
/*首页---新闻动态*/
.news{padding: 70px 0 50px 0; background: #f2f2f2;}
.newsBox{margin-top: 20px;}
.newsContent{margin-top: 28px;}
.newsList{width: 48.8%; float: left;}
.newsList li{margin-bottom: 20px;}
.newsList li a{display: block; height: 62px; padding: 16px 46px 16px 100px; background: #fff; position: relative;}
.newsList li .time{width: 72px; height: 62px; border-right: 1px solid #dde5e9; font-family: "Arial"; color: #666; text-align: center; line-height: 1.2; position: absolute; left: 8px; top: 16px;}
.newsList li .time span{display: block; font-size: 18px; font-weight: bold; padding-top: 12px;}
.newsList li .time em{display: block; margin-top: 4px;}
.newsList li .title{font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 8px;}
.newsList li .desc{font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; margin-top: 2px;}
.newsList li a:hover{background: #0066cc;}
.newsList li a:hover .time,.newsList li a:hover .title{color: #fff;}
.newsList li a:hover .desc{color: #d8f3ff;}
.newsfirst{width: 48.8%; float: right;}
.newsfirst a{display: block; padding: 21px 21px 0 21px; background: #fff;}
.newsfirst .pic{height: 330px; overflow: hidden;}
.newsfirst .pic img{width: 100%; min-height: 100%; transition: all .6s;}
.newsfirst a:hover .pic img{transform: scale(1.1);}
.newsfirst .bot{height: 62px; padding: 12px 0 12px 90px; position: relative;}
.newsfirst .bot .time{width: 52px; height: 62px; padding-right: 18px; border-right: 1px solid #dde5e9; font-family: "Arial"; color: #666; text-align: center; line-height: 1.2; position: absolute; left: 0; top: 12px;}
.newsfirst .bot .time span{display: block; font-size: 18px; font-weight: bold; padding-top: 12px;}
.newsfirst .bot .time em{display: block; margin-top: 4px;}
.newsfirst .bot .title{font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 6px;}
.newsfirst .bot .desc{font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666;}
/*首页---联系我们*/
.ftcontact{height: 291px; background: url(../images/ftcontact_bg.jpg) no-repeat center top; position: relative; color: #fff;}
.ftcontact a{color: #fff;}
.ftcontact .lbg,.ftcontact .rbg{width: 50%; height: 100%; background: #0a83c6; position: absolute; top: 0; z-index: 2;}
.ftcontact .lbg{filter: alpha(opacity: 85); opacity: .85; left: 0;}
.ftcontact .rbg{filter: alpha(opacity: 50); opacity: .5; right: 0;}
.ftcontactBox{height: 100%; z-index: 3;}
.ftcontact_info{width: 50%; *width: 49.98%; float: left; margin-top: 64px;}
.ftcontact_info .title{font-size: 20px; font-weight: bold; letter-spacing: 2px; line-height: 36px;}
.ftcontact_info .desc{font-size: 16px; line-height: 30px; margin-top: 6px;}
.ftcontact_zx{float: right; margin-right: 70px; margin-top: 90px;}
.ftcontact_zx .title{font-family: "Arial"; font-size: 36px; line-height: 36px; text-transform: capitalize; text-align: center;}
.ftcontact_zx a.btn{display: block; width: 200px; height: 45px; line-height: 45px; background: #fff; font-size: 18px; color: #0a83c6; text-align: center; margin-top: 30px;}
.ftcontact_zx a.btn:hover{filter: alpha(opacity: 80); opacity: .8;}

.foot_link{margin-top: 20px;}
.foot_linkBox{line-height: 20px; font-size: 0; padding: 13px 14px; background: #f2f2f2;}
.foot_link span,.foot_link a{display: inline-block; *display: inline; *zoom: 1; font-size: 12px; color: #999; vertical-align: middle;}
.foot_link a{margin-right: 14px; font-size: 12px;}