@charset "utf-8";
/*首页---广告图切换*/
.banner{z-index: 66;}
.banner .slick-slide img{width: 100%;}
.banner .slick-slide a{display: block; width: 100%; height: 100%;}
.banner .slick-dots{bottom: 4%;}
.banner .slick-dots li{margin: 0 6px;}
.banner .slick-dots li button{width:25px; height:3px; background: #fff;border-radius: 0;}
.banner .slick-dots li.slick-active button{background:#ec6400;}


/*首页*/
.home_title{font-size:36px; font-weight: bold; color:#333; text-align: center;}
.home_desc{font-size: 0; text-align: center; margin-top: 12px;}
.home_desc span{font-size: 18px; display: inline-block; *display: inline; *zoom: 1; padding: 0 14px; color: #333; position: relative; text-transform: uppercase;}
.home_more{display: block; width: 192px; height: 32px; line-height: 32px; background: #fff; border: 1px solid #ddd; border-radius: 17px; overflow: hidden; margin: 40px auto 0; color: #666; text-align: center;}
.home_more:hover{background: #ae381e; border-color: #ae381e; color: #fff!important;}


/*首页---核心服务*/
.service{padding: 60px 0 30px 0; background: #fff;}
.serviceBox{margin-top: 30px;}
.serviceBox ul{margin: 0 -12px;}
.serviceBox li{width: 33.33%; *width: 33.31%; float: left; }
.serviceBox li .item{margin: 0 12px;background:#fbfbfb; border-bottom:7px solid #e7e7e7;}
.serviceBox li a{display: block;}
.serviceBox li .pic{max-height: 263px; overflow: hidden; border: 1px solid #efefef;}
.serviceBox li .pic img{width: 100%; transition: all .6s;}
.serviceBox li .title{font-size: 30px; height: 36px; line-height: 36px; overflow: hidden; color:#333; text-align: center; margin-top: 28px;}
.serviceBox li .desc{font-size: 16px; max-height: 48px; line-height: 24px; color: #666; margin-top: 4px; overflow: hidden; text-align: center;}
.serviceBox li .more{ background:url(img/hx_mroe.png) no-repeat center; height:70px;}

.serviceBox li a:hover .pic img{transform: scale(1.1);}
.serviceBox li a:hover .title{color: #1a4182;}
.serviceBox li a:hover .desc{color: #333;}




/*行业应用*/
.application{padding: 70px 0 30px 0; margin-top:30px; background: #f4f4f4; height:550px;}
.applicationBox{margin-top: 34px;}
.applicationBox .slider{margin: 0 -7px; padding-bottom: 24px;}
.applicationBox .slick-dots{bottom: 0;}
.applicationBox .slick-dots li{margin: 0 2px;}
.applicationBox .slick-dots li button{width:25px; height:3px; background: #c4d9ec; border-radius: 0;}
.applicationBox .slick-dots li.slick-active button{background: #046fcd;}
.applicationBox .slick-slide{width: 25%; float: left;}
.applicationBox .slick-slide .item{margin:10px; background:#fff; height:362px; border-bottom:3px solid #d7d7d7;}
.applicationBox .slick-slide .pic{max-height: 263px; overflow: hidden; }
.applicationBox .slick-slide .pic img{width: 100%; transition: all .6s;}
.applicationBox .slick-slide .title{font-size: 20px; height:45px; line-height:45px; overflow: hidden; color:#333; text-align: center; margin-top:15px; padding:0 15px; border-bottom:1px solid #d6d6d6;}
.applicationBox .slick-slide .desc{font-size: 14px; max-height: 72px; line-height: 24px; color: #666; margin-top: 4px; overflow: hidden; text-align:left;padding:5px 15px;}

.applicationBox .slick-slide .pic{height: 207px; line-height: 70px; text-align: center; *font-size: 60px; zoom: 1; }
.applicationBox .slick-slide .pic img{max-width: 100%; max-height:100%; vertical-align: middle;}
.applicationBox .slick-slide .pic:hover{border-color: #c00;}

.applicationBox .slick-slide  a:hover .pic img{transform: scale(1.1);}
.applicationBox .slick-slide  a:hover .title{color: #1a4182;}
.applicationBox .slick-slide  a:hover .desc{color: #999;}



/*首页---解决方案*/
.solution{padding: 30px 0; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; height:697px;}
.solutionBox{margin-top:40px;}
.solutionBox ul{ float:left;}
.solutionBox li{width:300px; height:600px; float: left;}
.solutionBox li .pic{ width:70px; height:70px;margin: 230px 115px 40px 115px; }
.solutionBox li .pic img{ width:70px; height:70px; }
.solutionBox li .mask{width:260px; height:500px; padding:50px 20px; position: absolute; top:127px;visibility:hidden;}
.solutionBox li .mask h2{ color:#fff; text-align:center; line-height:48px; margin-top:80px;}
.solutionBox li .mask p{ color:#fff; line-height:30px; text-align:center;}
.solutionBox li .title{font-size: 20px; height:45px; line-height:45px; overflow: hidden; color:#fff; text-align: center; margin-top:15px; padding:0 15px;}
.solutionBox li:hover .mask{visibility:visible;background:#046fcd;}

/*首页---合作客户*/

.Customer{padding: 70px 0 45px 0; background: #f4f4f4;}
.Customer .title{font-size:36px; font-weight: bold; color:#333; text-align: center;width:160px; margin: 0 auto;background:#f4f4f4; padding:0 25px;z-index:25;}
.Customer i{float:left; height:1px; background:#ddd; width:100%; position: relative; margin-top:-22px;z-index:-20;}
.CustomerBox{margin-top: 34px;}
.CustomerBox .slider{margin: 0 -7px; padding-bottom: 24px;}
.CustomerBox .slick-dots{bottom: 0;}
.CustomerBox .slick-dots li{margin: 0 2px;}
.CustomerBox .slick-dots li button{width: 9px; height: 9px; background: #333;}
.CustomerBox .slick-dots li.slick-active button{background: #c40504;}
.CustomerBox .slick-slide{width: 25%; *width: 24.9%; float: left;}
.CustomerBox .slick-slide .item{margin: 7px;}
.CustomerBox .slick-slide .pic{height: 90px; line-height:87px; text-align: center; *font-size: 60px; zoom: 1; background: #fff; border: 1px solid #ddd;}
.CustomerBox .slick-slide .pic img{max-width: 100%; max-height:100%; vertical-align: middle;}
.CustomerBox .slick-slide .pic:hover{border-color: #c00;}



/*首页---行业案例*/
.case{padding: 50px 0; background: #f5f5f5;}
.caseTitle{margin-top: 26px;}
.caseTitle ul{font-size: 0; text-align: center;}
.caseTitle li{display: inline-block; *display: inline; *zoom: 1; height: 45px; line-height: 45px; font-size: 16px; background: #25221e; color: #fff; padding: 0 46px; margin: 0 3px; user-select: none; cursor: pointer;}
.caseTitle li.active{background: #c00;}

.CaseBox{margin-top: 28px;}
.CaseBox li{width:33.3333%; *width:33.31%; float: left;}
.CaseBox li .item{margin: 20px 10px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.CaseBox li .pic{overflow: hidden;}
.CaseBox li .pic img{width: 100%; transition: all .5s; height:210px;}
.CaseBox li .pic:hover img{transform: scale(1.1);}
.CaseBox li .txt{padding: 8px 10px;}
.CaseBox li .title{height: 36px; line-height: 36px; font-size: 18px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ddd;}
.CaseBox li .info{height: 28px; padding-top: 8px;}
.CaseBox li .info span{ float:left;height: 22px; line-height: 22px; margin-top: 4px; background: #f0f0f0; font-size: 12px; color: #666; padding: 0 16px; margin-right: 10px; border-radius: 11px; overflow: hidden; cursor: pointer;}
.CaseBox li .info span:hover{background: #ddd;}
.CaseBox li .info a{height: 28px; line-height: 28px; background: #cc0001; color: #fff; font-size: 12px; padding: 0 22px;}
.CaseBox li .info a:hover{background: #ae381e; color: #fff!important;}
.Case .home_more{margin-top: 10px;}





.caseItem ul{margin: 0 -8px;}
.caseItem li{width: 33.33%; *width: 33.31%; float: left;}
.caseItem li a{display: block; margin: 10px 8px; background: #fff; box-shadow: 3px 5px 7px rgba(0,0,0,.05); position: relative; height: 154px;}
.caseItem li .pic{width: 200px; height: 154px; line-height: 154px; text-align: center; *font-size: 120px; border-right: 1px solid #ddd; position: absolute; left: 0; top: 0;}
.caseItem li .pic img{max-width: 92%; max-height: 80%;}
.caseItem li .txt{padding: 24px 24px 0 224px;}
.caseItem li .title{font-size: 18px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caseItem li .desc{font-size: 13px; height: 72px; line-height: 24px; color: #777; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 4px;}
.caseItem li a:hover .desc{color: #ae381e;}



/*首页---关于我们*/
.about{height: 630px; background: url(img/about_bg.jpg) no-repeat center top;}
.about .wrapper{padding: 44px 0;}
.aboutBox{margin-top: 34px; width:610px; height:450px;}
.about_text{width:610px;}
.about_text .item{padding:30px 56px 0 50px;}
.about_text .entitle{text-transform: uppercase; font-size:36px; color:#fff;}
.about_text .title{font-size: 24px; color:#fff;}
.about_text .desc{line-height: 26px; color:#fff;margin-top: 14px;margin-top: 16px;}
.about_text .more a{ float:left;color: #fff; margin-top: 40px;}



/*首页---图片*/
.honor{padding:40px 0; background: #fff;}
.honortit{margin-top:5px;}
.honortit ul{font-size: 0;  text-align:left; border-bottom:1px solid #e6e6e4;}
.honortit li{display: inline-block; *display: inline; *zoom: 1;  color:#333; margin-right:25px; height: 60px; line-height: 60px; font-size: 18px; user-select: none; cursor: pointer;}
.honortit li.active{border-bottom:8px solid #00377e; margin-bottom:-3px;}
.honorBox{margin-top: 16px;padding-top:20px;}
.honorItem li{width:25%; *width: 24.98%; float: left;}
.honorItem li a{display: block; position: relative; margin:6px;}
.honorItem li .pic{overflow: hidden; height:200px;}
.honorItem li .pic img{width: 100%; transition: all .4s;}
.honorItem li .pic:hover img{transform: scale(1.1);}
.honorItem li .title{font-size: 15px; height: 32px; line-height: 32px; overflow: hidden; margin-top: 6px; text-align: center;}





/*首页---新闻中心*/
.home_news{padding: 40px 0 40px 0; background: #f9f9f9;}
.home_news dt{font-size: 22px; height: 38px; line-height: 38px;}
.home_news dd{padding-top: 18px;}
.home_news_box{width: 720px; float: left;}
.home_news_box dt li{float: left; margin-right: 40px; position: relative; cursor: pointer;}
.home_news_box dt li span{position: absolute; right: -40px; top: 0; padding: 0 15px; color: #333; cursor: auto;}
.home_news_box dt li.on{color: #1e468e;}
.home_news_item{display: none;}
.home_news_pic{width: 238px; height: 150px; background: #eee; float: left;}
.home_news_pic img{display: block; width: 100%; height: 100%;}
.home_news_txt{width: 450px; float: right;}
.home_news_name{height: 34px; line-height: 34px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_news_time{height: 20px; line-height: 20px; font-size: 12px; color: #666; margin-top: 4px;}
.home_news_desc{height: 72px; line-height: 24px; color: #666; margin-top: 10px;}
.home_news_item ul{padding-top: 22px;}
.home_news_item li{height: 36px; line-height: 36px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.home_news_item li i{display: block; width: 8px; height: 8px; background: url(img/arrow_btn.png) no-repeat -152px -260px; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.home_news_item li span{float: right; color: #999; margin-left: 14px;}
.home_news_item li a{padding-left: 16px;}
.home_problem{width: 462px; float: right;}
.home_problem_box{height: 314px; overflow: hidden;}
.home_problem_box li{background: #f0f0f0; margin-bottom: 1px; font-size: 15px;}
.home_problem_box li a{display: block; height: 62px; line-height: 62px; padding-left: 42px; padding-right: 70px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_problem_box li i{display: block; width: 8px; height: 8px; background: url(img/arrow_btn.png) no-repeat -160px -260px; position: absolute; left: 24px; top: 50%; margin-top: -4px;}
.home_problem_box li span{display: block; width: 27px; height: 27px; background: url(img/arrow_btn.png) no-repeat -176px -260px; position: absolute; right: 28px; top: 50%; margin-top: -13px;}
.home_problem_box li a:hover{background: #1e468e; color: #fff !important;}
.home_problem_box li a:hover i{background-position: -168px -260px;}
.home_problem_box li a:hover span{background-position: -203px -260px;}

/*首页---友情链接*/
.links {background:#f9f9f9;}
.links .content{line-height: 26px; padding: 20px 0; border-top: 1px solid #ddd; background:#f9f9f9;}
.links span{font-size: 15px; margin-right: 2px;}
.links a{margin-right: 10px; color: #666;}