/*banner*/
.banner{min-width: 1200px; height:480px; overflow:hidden; position:relative; background:#fff; z-index:9;}
.banner .hd{height:20px; overflow:hidden; position:absolute; bottom:15px; right: 49%; z-index:1;}
.banner .hd ul{overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{float:left;width:12px;height:12px; text-align:center; background:#fff; opacity:0.8;cursor:pointer;border-radius:10px;margin:0 5px;}
.banner .hd ul li.on{opacity: 1; background:#0583d7;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; text-align: center;}
.banner .bd img{display: block; height:480px; position:relative; left:50%; margin-left:-960px; } 
/*    product    */
.big-title{text-align: center; padding-bottom: 50px;}
.big-title h1{font-size: 24px; font-weight: bold; padding-top: 45px;}
.big-title p{font-size: 18px; color: #ccc; font-family: arial; letter-spacing: 26px;text-transform:uppercase; padding-top: 15px;}
.product ul{padding-bottom: 50px!important}
.product ul li{position: relative; float: left; margin: 0 8px;text-overflow:ellipsis; white-space: nowrap;  overflow: hidden;}
.product ul li a{position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; line-height: 50px;font-size: 20px; text-align: center; padding: 5px; box-sizing: border-box;transition: all .3s;}
.product ul li:hover a{ color: #fff; height: 100%; line-height: 275px;  background-color: rgba(29,169,251,.8);}
/*  solution  */
.solution{background-color: #f5f5f5; width: 100%; min-width: 1200px; padding-bottom: 50px;}
.solution ul li{float: left; width: 280px; height: 350px; margin-right: 14px; margin-bottom: 30px; background-color: #fff; padding: 1px; transition: all .3s; overflow: hidden;}
.solution ul li:last-child{margin-right: 0!important;}
.solution ul li:hover{box-shadow: 0 0 20px #ccc;}
.solution ul li h3{line-height: 35px; font-size: 14px; border-bottom: 1px solid #eee; padding-left: 10px;}
.solution ul li p{padding: 10px; color: #666; line-height: 24px;}
/*  about  */
.about{width: 100%;  min-width: 1200px; background-color: #006bb1; text-align: center; padding: 50px 0;}
.about h1,.about p{color: #fff; padding: 0 30px; margin-bottom: 30px;}
.about img{margin: 25px auto 40px;}
/*  news  */
.newslist li{float: left; width: 450px; margin: 0 65px 50px;border-bottom: 1px solid #eee;}
.newslist li h3{font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.newslist li p{color: #999; line-height: 20px; height: 40px;}
.newslist li span{font: 14px; color: #999; line-height: 30px;font-family: arial; font-weight: bold;}
/*  fdlink  */
.fdlink{width: 100%;  min-width: 1200px; background-color: #eee; color: #ff6600; line-height: 40px;}
.fdlink a{color: #666; margin-right: 15px;}

/*commmmmmm*/
.page-banner{display: block; width: 100%; min-width: 1200px;}
.page-title{padding: 25px 0; line-height: 40px;}
.page-title h3{font-size: 16px;color: #2a93e6;}
.page-title p{line-height: 35px; color: #999; position: relative;}
.page-title p:after{position: absolute; bottom:0; left: 0; display: inline-block; content: ''; width: 90px;height: 1px; background-color: #eee;}
.page-content{padding-bottom: 50px; line-height: 24px; font-size: 14px; color: #777; overflow: hidden;}
.page-content .article-title{text-align: center; font-size: 18px; color: #666; font-weight: bold; margin-bottom: 35px;}
/*.page-content p{text-indent: 24px;}*/
.page-content h3{font-size: 16px;}
.pagenext-show{padding-bottom: 30px;}
.pagenext-show li{line-height: 35px;}
.el-blue{color:#0583d7 }
/*page-product*/
.page-product li{float: left; width: 280px; height: 370px; padding: 1px; border: 1px solid #eee;margin-bottom: 45px; transition: all .3s;  overflow: hidden;}
.page-product li img{width: 275px; height: 275px; margin-left: 3px; margin-top: 3px;}
.page-product li:hover{box-shadow: 0 0 20px #ccc;}
.page-product li:hover h3{color: #2a93e6;}
.page-product-info h3{ font-size: 16px; line-height: 40px; text-align: center; }
.page-product-info p{ color: #999; padding:10px 10px 0;  height: 45px; overflow: hidden;}
/*pages-solution*/
.page-solution>li{background-color: #fff; border: 1px solid #fff;border-bottom: 2px solid #eee; padding-bottom: 15px; margin-bottom: 40px; transition: all .3s;}
.page-solution>li:hover{transform: translateY(5px); background-color: #f5f5f5;border-bottom: 2px solid #1594ff;}
.page-solution h3{ padding-left: 10px; padding-top: 15px; font-size: 18px;}
.page-solution p{padding-left: 10px; line-height: 40px; font-size: 14px; color: #999;}
.page-solution p span{font-family: arial;}
.page-solution-img li{float: left;width: 220px; height: 144px; margin-right: 17px; overflow: hidden;}
.page-solution-img li:last-child{margin-right: 0;}
/*.page-news*/
.page-news li{ height: 130px; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px solid #eee; transition: all .3s;}
.page-news li:hover{ transform: translateY(5px)}
.page-news-info{width: 900px;}
.page-news-info h3{font-size: 18px; padding-bottom: 15px;}
.page-news-info p{font-size: 14px; color: #999; line-height: 24px;}
.page-news-info span{display: block; font-family: arial; padding-top: 25px; color: #666;}
/*page-dol*/
.page-dol li{ position: relative; line-height: 40px; border-bottom: 1px solid #eee; overflow: hidden; transition: all .3s;}
.page-dol li b{position: absolute; top: 0; left: -12px; transition: all .3s;}
.page-dol li:hover a{padding-left: 15px;}
.page-dol li:hover b{left: 0px;}
.page-dol li a{display: block; line-height: 40px; transition: all .3s;}
/*page-contact*/
.page-contact-info{ padding: 15px 0;  line-height: 24px; color: #999;}
.page-contact-info h3{ width: 75px;margin-bottom: 15px;   font-size: 18px; line-height: 40px; border-bottom: 1px solid #ccc;}
.getjob-btn{display: block; width: 80px; line-height: 30px;color: #0583d7; margin-top: 15px; text-align: center; font-size: 14px; border: 1px solid #0583d7;transition: all .3s; }
.getjob-btn:hover{box-shadow: 90px 0 0 #0583d7 inset; color: #fff;}
/*page-job*/
.page-job li{float: left; width: 280px; padding: 15px; line-height: 40px; margin: 30px; border-radius: 4px; border-bottom: 1px solid #eee; overflow: hidden; transition: all .3s;}
.page-job li h3{font-size: 18px;}
.page-job li p{line-height: 24px; color: #999; height: 50px; overflow: hidden;}
.page-job li span{line-height: 24px; color: #999;}
.page-job li a{position: relative; display: block; line-height: 40px; transition: all .3s;}
.page-job li a b{position: absolute; top: 0; left: 5px; opacity: 0; transition: all .3s;}
.page-job li:hover{border-bottom: 1px solid #0583d7; box-shadow: 0 0 15px #ccc;}
.page-job li:hover>a{padding-left: 15px; color: #0583d7}
.page-job li:hover b{left: 0;opacity: 1;}