@charset "utf-8";
/*~~~~框架布局~~~*/


/*==顶部↓==*/
.head-top{padding:0px 0; line-height:35px;background:#071a30}
.head-top p{ color:#a1a1a1;font-size:12px;}
.head-top .tel{color:#fff;font-size:12px; margin-right:20px;}
.head-top .tel strong{ font-weight:bold;font-size: 14px;}
.head-top .a-1{color:#a1a1a1;font-size:12px; border-left: 1px #383838 solid;padding: 0 8px 0 12px;display: inline-block;}
.head-top .a-1:hover{color:#fff}
.head-top .weixin{position: relative;}
.head-top .weixin em{display: block;width:20px;height:20px;color: #717171;font-size: 20px;}
.head-top .weixin .ewm{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.head-top .weixin:hover .ewm{opacity:1;transform: scale(1);}
.head-top .lang{position:relative;padding:10px 25px 10px 20px;color:#fff;font-size:14px;background:#2a63d4}
.head-top .lang:before{ position: absolute; top:7px;right:10px; font-size:15px;color:#fff;}
.header{ position: relative;padding:20px 0;height: 130px;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .nav{margin: 25px 20px 0 0;}
.header .nav li{float: left;/* position: relative; */}
.header .nav li a.navAone{ position: relative; display: block; color:#333333; font-size:14px; padding:10px 9px;}
.header .nav li a.navAone:before{ content: ""; position: absolute; left:0;bottom:-43px; width:0%; height:3px; background:#2a63d4;transition: all .4s ease-in-out;}
.header .nav li a.navAone:hover{ color:#2a63d4; }
.header .nav li.active a.navAone{ color:#2a63d4; }
/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/
.header .nav li:hover a.navAone:before,.header .nav li.active a.navAone:before{width:100%;}

.header .search{ position:relative;padding-bottom: 50px;}
.header .search em{display: block;width:20px;height:20px;font-size: 20px;color: #aaa;/*! background: #ddd; */margin: 35px 0 0 0;}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:100%;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #2a63d4;font-size:15px;padding-right:30px;}
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #2a63d4 solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #2a63d4;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}

/*==标题↓==*/
.titleAx{ margin:30px 0; text-align: center;/*! line-height: 40px; */}
.titleAx span{position:relative;display:table;color:#888888;font-size:12px;margin: auto;text-transform: uppercase;}
.titleAx span:before,.titleAx span:after{ content: ""; position: absolute; left:-12px;top:7px; width:8px;height:8px; border: 2px #2b4e91 solid; border-radius: 50%;}
.titleAx span:after{ left:auto; right:-10px;}
.titleAx h2{color:#333333;font-size:40px;margin: 15px 0;}
.titleAx font{ display:block;color:#888888;font-size:14px;}


/*==解决方案↓==*/
.HomeSolve{margin: 20px 0 40px 0;}
.HomeSolve .tone{overflow: hidden;}
.HomeSolve .tone li{float:left;width:294px;margin:0 3px 7px 3px;padding:10px 0;color:#333333;font-size:16px; text-align: center; background:#e8e8e8;padding: 15px 0;cursor: pointer;}
.HomeSolve .tone li.hit,.HomeSolve .tone li:hover{ background: #2a63d4;color: #fff;}
.HomeSolve .tone li:hover a{color:#fff;}
.HomeSolve .down{ margin-top: 30px;overflow: hidden;}
.HomeSolve .long{overflow: hidden;background: #2a63d4;}
.HomeSolve .long .pic{width:800px;}
.HomeSolve .long .right{width:400px; padding:50px;background:#2a63d4;}
.HomeSolve .long .right hr{ width:30px;height:1px; border:none;background: #829ce2;}
.HomeSolve .long .right h2{font-size:48px; font-weight:bold; color:#829ce2;text-transform: uppercase;line-height: 40px;margin-top: 20px;}
.HomeSolve .long .right h2 font{ display:block;font-size:24px;color:#829ce2}
.HomeSolve .long .right h3{color:#fff;font-size:30px;margin: 10px 0 30px 0;}
.HomeSolve .long .right p{color:#fff;font-size:12px;}
.HomeSolve .long .right b.more{ position:relative; width:140px;height:45px;display: block; border:1px #829ce2 solid;margin-top: 25px;}
.HomeSolve .long .right b.more:before{ content: ""; position:absolute; left:37px;top:17px;width:70px;height:9px; background: url(../images/line02.png) no-repeat -70px 0px;transition: all .4s ease-in-out;}
.HomeSolve .long .right b.more:hover:before{ background-position:0 0 ;}
.HomeSolve .long .right b.more:hover{ border:1px #fff solid}


/*==解决方案列表↓==*/
.list-solve{}
.list-solve li{float:left;width:290px; margin:0 10px 20px 10px;}
.list-solve li h4{margin:10px 0;color:#666;font-size:15px;text-align: center;}
.list-solve li p{color:#666;font-size:12px;text-align: center;line-height: 20px;}
.list-solve li:hover h4{color:#2a63d4}


/*==产品↓==*/
.HomeProduct{ margin:50px 0 0 0;padding:60px 0 50px 0;background: url(../images/HomeProductBg.jpg) no-repeat center fixed;background-size:cover;:height: 946px;}
.HomeProduct .left{width:300px;background: #fff;}
.HomeProduct .left h2{ text-align:center;color:#fff;font-size:30px;padding:33px 20px; background:#2a63d4 ;}
.HomeProduct .left h2 span{ font-size:12px;color:#fff;display:block;}
.HomeProduct .left ul{}
.HomeProduct .left ul li{border-bottom:1px #ddd solid;}
.HomeProduct .left ul li a{ display: block;padding:23px 25px;color:#333333;font-size:14px;/*! line-height: 30px; */}
.HomeProduct .left ul li em{ display: block; float:right;width:20px; height:20px; margin:10px 0 0 0;  background: url(../images/arrow01.png) no-repeat;}
.HomeProduct .left ul li a:hover{color:#2a63d4}
.HomeProduct .right{width:885px;}
.list-product2{}
.list-product2 li{float:left;width:275px; margin:0 10px 20px 10px}
.list-product2 li a{ display: block; position: relative;background: #fff; overflow: hidden}
.list-product2 li .pic img{height:313px;}
.list-product2 li h4{ position: relative;margin:10px 0; margin: 10px 30px;padding:5px 10px; text-align:center;color:#666666;font-size:14px; border:1px #fff solid;transform:translateY(0px);white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.list-product2 li u{ position: absolute;right:-320px;bottom:-160px;height:100%;width:100%; transform:rotate(45deg); background:rgba(42,99,212,1);transition: all .6s ease-in-out;z-index: 2;}
.list-product2 li em{ position: absolute; right:10px; bottom:5px; display: block; color:#fff;font-size:20px; z-index: 3;}
.list-product2 li:hover u{right:0;bottom:0;transform:rotate(0deg); background:rgba(42,99,212,0.6);}
.list-product2 li:hover h4{ color:#fff;transform:translateY(-10px);}
.list-product2 li:hover em{ opacity: 0}
.rack .righter .list-product2 li{width:290px; border: 1px #ddd solid;}
.rack .righter .list-product2 li .pic img{height:328px;}



/*==首页关于我们↓==*/
.HomeAbout{padding:80px 0; background: url(../images/spot01.jpg);}
.HomeAbout .left{width:530px;}
.HomeAbout .left .title{}
.HomeAbout .title{ margin:0px 0; /*! line-height: 40px; */}
.HomeAbout .title span{position:relative;display:table;color:#888888;font-size:12px;/*! margin: auto; */text-transform: uppercase;}
.HomeAbout .title span:after{ content: ""; position: absolute; right:-12px;top:7px; width:8px;height:8px; border: 2px #2b4e91 solid; border-radius: 50%;}
.HomeAbout .title h2{color:#333333;font-size:40px;margin: 15px 0;}
.HomeAbout .wx{ margin:40px 0 30px 0;color:#666666;font-size:14px;}
.HomeAbout .more{ display: block;float:left;width:200px; line-height:50px;color:#fff;font-size:14px; text-align:center;background:#2a63d4 url(../images/arrow01.jpg) no-repeat 170px 20px;padding-right: 20px;}
.HomeAbout .more:hover{ background:#155690 url(../images/arrow01.jpg) no-repeat 110px 20px;}
.HomeAbout  .picScroll-left{position: relative;float: left;width: 100%;margin-top: 35px;}
.HomeAbout  .picScroll-left .long{overflow: hidden;}
.HomeAbout  .picScroll-left .long .list{}
.HomeAbout  .picScroll-left .long .list li{float:left; width:265px;}
.HomeAbout  .picScroll-left .long .list li a{ position:relative;display: block;margin:5px;}
.HomeAbout  .picScroll-left .long .list li:hover{}
.HomeAbout  .picScroll-left .long .list li img{height:200px;}
.HomeAbout  .picScroll-left .long .list li h4{ position:absolute;bottom:0;left:0;padding:7px;width:100%;color:#fff; font-size:12px; text-align: center; background:rgba(0,0,0,0.8)}
.HomeAbout  .picScroll-left .prev,.HomeAbout .picScroll-left .next{position: absolute; top:90px;left:-50px;font-size:20px;color:#fff;cursor: pointer;width: 35px;line-height: 35px;background: #25313b;text-align: center;}
.HomeAbout  .picScroll-left .next{right:-50px; left:auto;}
.HomeAbout  .picScroll-left .prev:hover,.HomeAbout  .picScroll-left .next:hover{color:#fff; background:#2a63d4}
.HomeAbout .right{ position:relative;width:580px;}
.HomeAbout .right:before{ content: ""; position: absolute; left:-58px;top:20px;z-index:9; width:100px;height:50px;background: url(../images/line03.png) no-repeat center;}


/*==首页新闻↓==*/
.HomeNews{margin:30px 0 75px 0;}
.HomeNews .tone{margin:40px 0 35px 0; text-align: center;}
.HomeNews .tone li{ display: inline-block; border:1px #ddd solid; padding:5px 20px; color:#888888;font-size:14px;margin: 0 5px; cursor:pointer;}
.HomeNews .tone li.hit{ color:#fff;background:#2a63d4;border: 1px solid #2a63d4aliceblue;}
.HomeNews .down{ margin-top:20px;}
.HomeNews .down .long{height: 540px;overflow: hidden;}
.HomeNews .long .left{ position:relative;width:795px;}
/* .HomeNews .long .left .line{ position: absolute; top:380px;right:-50px;width:1000%; height:1px; border:none;background: #ddd;} */
.HomeNews .long .left .one{margin-bottom: 10px;overflow:hidden;}
.HomeNews .long .left .one .pic{}
.HomeNews .long .left .one h4{margin:20px 0 10px 0;color:#333333;font-size:16px;}
.HomeNews .long .left .one h4 font{float:right;color:#888888;font-size:14px;}
.HomeNews .long .left .one p{color:#888888;font-size:12px;}
.HomeNews .long .left .one:hover h4{color:#2a63d4}
.HomeNews .long .left .two{float:left;width:365px; margin:6px 0;}
.HomeNews .long .left .two:nth-child(odd){margin-right: 50px;}
.HomeNews .long .left .two a{ display: block; color:#666666;font-size:14px;padding-left:12px; background: url(../images/arrow01.png) no-repeat left;}
.HomeNews .long .left .two a font{float:right;color:#888888;font-size:12px;}
.HomeNews .long .left .two a:hover,.HomeNews .long .left .two a:hover font{ color:#2a63d4}
.HomeNews .long .right{width:360px;}
.HomeNews .long .right li{ position:relative;width:100%; margin-bottom:30px;}
.HomeNews .long .right li .time{position: absolute; left:0;top:0; color:#fff;font-size:12px;padding:7px 15px; background: #2a63d4;z-index: 5;line-height: initial;}
.HomeNews .long .right li .time strong{font-size:36px;display: block;}
.HomeNews .long .right li h4{ opacity:0;position: absolute; left:0; bottom:0; padding:10px; color:#fff;font-size:14px;text-align: center; background: rgba(0,0,0,0.5);width: 100%;}
.HomeNews .long .right li:hover h4{ opacity: 1;}



/*==底部===*/
.footer{padding: 40px 0 0 0;background: #303030;}

.footer .nav{margin-bottom: 50px;}
.footer .nav li{display:inline-block; margin-right:35px;}
.footer .nav li a{ display: block;color:#fff; line-height:20px;font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#ddd}
.footer .left{width:700px;}
.footer .left span.logo{ float:left; display: block; text-align: center;}
.footer .left span.logo img{ display: block;}
.footer .left span.logo a{ display: inline-block;}
.footer .left span.logo a{color:#fff;font-size: 15px;width:30px;line-height:30px;margin:10px 5px;border-radius: 50%;; }
.footer .left span.logo a.icon-weibo{ background: #df4d69;}
.footer .left span.logo a.icon-weixin{ position: relative; background: #6fc25f;}
.footer .left span.logo a.icon-weixin .ewm{position: absolute;right: 0px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.footer .left span.logo a.icon-weixin:hover .ewm{opacity:1;transform: scale(1);}
.footer .left span.logo a.icon-qq{ background: #edce36;}
.footer .left span.logo a:hover{ background: #666}
.footer .left span.wr{width:400px;margin-left:30px}
.footer .left span.wr,.footer .left span.wr a{ color:#999;font-size:12px;}
.footer .left span.wr a:hover{color:#fff;}
.footer .right{color:#fff;font-size:12px;line-height: 30px;}
.footer .right span{display: inline-block; margin-left:15px;text-align: center;}
.footer .right img{ display:block; margin:auto; width:120px;}
.footer .link{margin-top: 40px;padding:20px 0;border-top: 1px #333 solid; background: #2e2e2e;}
.footer .link h3{float: left;color:#fff;font-size:14px}
.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}
.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;}
.footer .link a:hover{color:#fff}
.footer .link a:last-child{border:none;}
.footer .copy{padding:15px 0; color:#666; font-size:12px; background: #000;}