@charset "utf-8";

/*~~~~框架布局~~~*/





/*==顶部↓==*/

/*.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{padding:10px 0; background: url(../images/bg01.jpg);}

.head-top p{color:#fff;font-size:12px;}

.head-top .right{margin: -10px 0;height: 44px;}

.head-top .right a{display: inline-block;width:50px;height:45px; padding:0 10px; border-left:1px #686c81 solid;}

.head-top .right a.tel{position:relative;/*! border-left: solid 1px #ddd; */background: url(../images/tel_ico.png) no-repeat center;}

.head-top .right a.tel span{position: absolute;right:0;bottom:-54px;z-index: 99; display: block;width:200px; font-size:20px; text-align: center;padding:15px 10px;color:#fe0000; background: #eee; filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); transition:all 1s;}

.head-top .right a.tel:hover span{opacity:1;transform: scale(1);}

.head-top .right a.weixin{position: relative; background: url(../images/weixin_ico.png) no-repeat center;}

.head-top .right a.weixin .ewm{position: absolute;right:0;top:100%;z-index: 99; display: block;width:120px; font-size:20px; text-align: center;padding:5px;color:#fe0000; background: #fff; filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); transition:all 1s;}

.head-top .right a.weixin:hover .ewm{opacity:1;transform: scale(1);}

.head-top .right a.lang{background: url(../images/lang_cn.png) no-repeat right;width: 28px;}
.head-top .right a.lang-en{background: url(../images/lang_en.png) no-repeat left;width: 28px;}

.header{position: relative;padding:10px 0;background: -webkit-linear-gradient(top, #ffffff, #dde7f0);}

.fixed-top{position:fixed;z-index:99999;width:100%;padding:10px 0; background: -webkit-linear-gradient(top, #ffffff, #dde7f0);}

.fixed-top .logo{}

.header .logo{margin:15px 0 0 0;}

.header .nav{margin: -10px 0;height: 86px; border-right:1px #ddd solid}

.header .nav li{float: left; height:100%; border-left:1px #ddd solid;/* position: 100%; */width: 115px;position: relative;}

.header .nav li a.navAone{display: block; color:#4a4a4a; font-size:16px; /*! padding:31px 0px; */text-align: center;line-height: 85px;}

.header .nav li a.navAone:before{content: ""; position: absolute; bottom: 0; left:0;width:0%;height:3px; background: #FE0000;transition: all .6s ease-in-out;}

.header .nav li a.navAone:hover,.header .nav li.active a.navAone{color:#fe0000;}

.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{width:100%;}





/*==标题↓==*/

.titleAx{margin:10px 0;text-align:center ;}

.titleAx h1{color:#3c4855;font-size:32px;}

.titleAx h1 strong{margin:0 5px}

.titleAx span{display: block;margin-top:5px;font-size:15px;color:#3c4855}

.titleAx span strong{margin:0 5px;text-transform: uppercase;}

.titleAx span font{color:#fe0000;font-size: 13px}





/*==产品↓==*/

.HomeProduct{margin: 80px 0;height: 492px;overflow: hidden;}

.HomeProduct .left{width:240px}

.HomeProduct .left h2{padding:30px 0;font-size:28px;color:#fff; text-align: center; background:#fe0000}

.HomeProduct .left h2 span{display: block; color:#fff;font-size:12px; font-weight:bold;}

.HomeProduct .left h2 span font{font-weight:400;}

.HomeProduct .left ul{background: #3c4855;padding: 20px 0 40px 0;}

.HomeProduct .left ul li{padding:0 40px}

.HomeProduct .left ul li a{display: block; border-bottom:1px #5b6269 solid;padding:20px 0;color:#fff;font-size:14px;text-align: center;}

.HomeProduct .left ul li:last-child a{border:none}

.HomeProduct .left ul li a:hover{color:#fe0000}

.HomeProduct .right{width:960px;background: #f4f4f4;padding: 60px 40px;height: 492px;}

.HomeProduct .right ul{width: 980px;margin-left: -20px;}

.list-product2 li{float:left;width:280px;background:#fff;margin-left: 20px;}

.list-product2 li .box{padding:15px 35px;}

.list-product2 li .box h4{font-size:16px;color:#333333;}

.list-product2 li .box p{font-size:12px;color:#666666}

.list-product2 li .box hr{display: block;margin:10px 0;border:none; width:20px;height:1px;background: #FE0000;;}

.list-product2 li:hover h4{color:#fe0000}

.ProductListBox2 .list-product2 li{border:1px #eee solid;margin-bottom:20px;}





/*==解决方案↓==*/

.HomeSolutions{padding:80px 0 50px 0; background:url(../images/HomeSolutionsBg.jpg) no-repeat center top;}

.HomeSolutions ul{margin-top:50px; box-shadow: 0 0 50px #bbb;float: left;}

.HomeSolutions ul li{float:left;width:240px;padding:30px 20px; text-align: center; background: #fff;}

.HomeSolutions ul li:nth-child(even){background: #eef2f5;}

.HomeSolutions ul li em{display:block; margin:0 auto 20px;width:70px;height:50px; background:url(../images/HomeSolutionsIco.png) 0 0 no-repeat}

.HomeSolutions ul li h4{color:#191919;font-size:18px;}

.HomeSolutions ul li span{display: block;margin:2px 0 5px 0; color:#999;font-size:12px;}

.HomeSolutions ul li hr{display: block; border:none; width:10px;height:1px; background: #fe0000;margin: auto;}

.HomeSolutions ul li:hover{background: #3c4855}

.HomeSolutions ul li:hover h4{color:#fff}

.HomeSolutions ul li.x1,.HomeSolutions ul li.x2,.HomeSolutions ul li.x3,.HomeSolutions ul li.x4,.HomeSolutions ul li.x5{border-left:1px #ddd solid;border-bottom:1px #ddd solid;}

.HomeSolutions ul li.x6,.HomeSolutions ul li.x7,.HomeSolutions ul li.x8,.HomeSolutions ul li.x9,.HomeSolutions ul li.x10{border-left:1px #ddd solid;}

.HomeSolutions ul li.x1 em{background-position: 0 0 ;}

.HomeSolutions ul li.x2 em{background-position: 0px -61px;}

.HomeSolutions ul li.x3 em{background-position: 0 -119px;}

.HomeSolutions ul li.x4 em{background-position: 0 -180px;}

.HomeSolutions ul li.x5 em{background-position: 0 -244px;}

.HomeSolutions ul li.x6 em{background-position: 0 -308px;}

.HomeSolutions ul li.x7 em{background-position: 0 -365px;}

.HomeSolutions ul li.x8 em{background-position: 0 -422px;}

.HomeSolutions ul li.x9 em{background-position: 0 -480px;}

.HomeSolutions ul li.x10 em{background-position: 0 -536px;}

.HomeSolutions ul li.x1:hover em{background-position: -67px 0 ;}

.HomeSolutions ul li.x2:hover em{background-position: -67px -61px;}

.HomeSolutions ul li.x3:hover em{background-position: -67px -119px;}

.HomeSolutions ul li.x4:hover em{background-position: -67px -180px;}

.HomeSolutions ul li.x5:hover em{background-position: -67px -244px;}

.HomeSolutions ul li.x6:hover em{background-position: -67px -308px;}

.HomeSolutions ul li.x7:hover em{background-position: -67px -365px;}

.HomeSolutions ul li.x8:hover em{background-position: -67px -422px;}

.HomeSolutions ul li.x9:hover em{background-position: -67px -480px;}

.HomeSolutions ul li.x10:hover em{background-position: -67px -536px;}





/*==首页关于↓==*/

.HomeAhout{padding:30px 0; background: url(../images/HomeAboutBg.jpg) no-repeat;margin: 30px 0 50px 0;}

.HomeAhout .pic{margin:40px 0 0;}

.HomeAhout .pic img{max-width: 100%;}

.HomeAhout .box{margin:50px 0 0 0}

.HomeAhout .box .logo{margin-right:20px;width: 230px;}

.HomeAhout .box{margin-left:20px;padding-left:30px;}

.HomeAhout .box h2{color:#333333;margin-bottom:30px;font-size:18px;}

.HomeAhout .box .wx{width:890px;color:#666666;font-size:12px;border-left:1px #ddd solid;/*! margin-left:23px; */padding-left:25px;}

.slideAbout{position: relative; width:100%;/*! height:660px; */ overflow:hidden; margin:30px auto 0;}

.slideAbout .long{position:relative;margin: auto;}

.slideAbout .list{}

.slideAbout .list li img{display: block;max-width:100%;}

.slideAbout .prev,.slideAbout .next{position:absolute;right:50px;bottom:0;font-size:40px;color:#fff;/* margin-top:-25px; */display:block;width:50px;line-height: 40px;padding: 5px 7px; background: #3c4855;text-align: center;}

.slideAbout .next{left:auto;right:0px;background: #fe0000;}

.slideAbout .prev:hover,.slideAbout .next:hover{filter:alpha(opacity=100);opacity:1;}





/*==首页新闻↓==*/

.HomeNews{margin:50px 0 0 0; background:#f3f3f3;padding: 70px 0;}

.HomeNews .tone{padding-bottom:20px;border-bottom:1px #ddd solid; overflow: hidden;padding-top: 5px;}

.HomeNews .tone li{position: relative;margin-right: 40px;float: left;cursor: pointer;}

.HomeNews .tone li:before{content: ""; position: absolute; left:0;bottom:-20px; width:0; height:1px; background: #FE0000;transition: all .5s ease-in-out;}

.HomeNews .tone li h1{float:left;color:#666666;font-size:28px;}

.HomeNews .tone li h1 strong{margin:0 5px}

.HomeNews .tone li span{float:left; display: block;/*! margin-top:5px; */font-size:12px;color:#999999;line-height: 15px;}

.HomeNews .tone li span strong{display:block;/*! margin:0 5px; */text-transform: uppercase;}

.HomeNews .tone li span font{color:#fe0000;font-size: 13px}

.HomeNews .tone a.more{float:right; color:#999999;font-size:12px;margin-top: 5px;}

.HomeNews .tone a.more font{font-size:14px;color:#FE0000;margin-right:10px;}

.HomeNews .tone a.more:hover{color:#fe0000}

.HomeNews .tone li.hit h1,.HomeNews .tone li.hit span{color:#031727}

.HomeNews .tone li.hit:before{width:100%}

.HomeNews .down{margin-top: 40px;}

.HomeNews .list{width:1220px; margin-left:-20px;}

.HomeNews .list li{float:left;width:280px;margin-left:20px;}

.HomeNews .list li .pic{}

.HomeNews .list li .pic img{width:280px;height:200px;}

.HomeNews .list li .time{margin-top:25px;color:#333333;font-size:40px;display: block;}

.HomeNews .list li .time font{display: block; color:#999999;font-size:12px;}

.HomeNews .list li h4{margin-top:25px;color:#333333;font-size:14px;}

.HomeNews .list li p{margin-top:25px;color:#666666;font-size:12px;}

.HomeNews .list li b{margin-top:30px;color:#999999;font-size:12px;display: block;}

.HomeNews .list li:hover h4,.HomeNews .list li:hover b{color:#fe0000}





/* 服务 */

.support{ margin-top:50px}
.s_tie{font-size:30px;color:#555;font-weight:normal;background: url('../images/support_icon4.png') no-repeat;padding-left:40px;line-height:30px;height:60px;}

.support_font{width:600px;background:#eaeaea;padding:40px;height:520px; overflow:hidden;}

.support_font .font{height:200px;margin-bottom:20px;font-size:14px;line-height:34px;}

.support_font .font img{max-width:100%;}

.support_font.fr{background:#f3f3f3;}

.support_faq{margin-top:60px;margin-bottom:30px;}

.support_faq .tie{height:90px;line-height:90px;padding:0 40px 0 80px;font-size:30px;background:#fe0000 url('../images/support_icon3.png') no-repeat 40px center;cursor:pointer;font-weight:normal;color:#fff;margin-bottom:15px;}



/* 常见问题 */

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#fe0000;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}

.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}


/*解决方案列表*/
.solveList h3{color:#666; font-size:30px; text-align:center; margin:40px 0 70px 0;}
.solveList ul{width: 1240px;}
.solveList li{width: 590px;float: left;margin-right: 20px;margin-bottom: 20px;}
.solveList li .pic{display: block;height: 275px;overflow: hidden;}
.solveList li .pic img{display: block;width: 100%;height: 100%;transition: all .6s;}
.solveList li:hover .pic img{transform: scale(1.1);}
.solveList li .txt{background-color: #e5e5e5;padding: 15px 20px;font-size: 14px;color: #666666;background-image: url(../images/solve-ico1.png);background-repeat: no-repeat;background-position: 540px center;transition: all .6s;}
.solveList li .txt h5{font-size: 22px;color: #333333;font-weight: normal;margin-bottom: 5px;transition: all .5s;}
.solveList li:hover .txt{background-color: #fe0000 ;color: #fff;background-image: url(../images/solve-ico2.png);}
.solveList li:hover .txt h5{color: #fff;}



/*==底部===*/

.footer{padding: 80px 0 0 0;background: #3c4855;}

.footer .nav h3{color:#fff;font-size:16px;margin-bottom:20px;}

.footer .nav{width:750px;}

.footer .nav li{width:185px;padding-right:20px;float: left;}

.footer .nav li a{display: block;color:#949ca5; line-height:20px;font-size:12px;padding:3px 0;}

.footer .nav li a:hover{color:#fff}

.footer .copy{color:#949ca5;font-size:12px;text-align: right;}

.footer .copy h3{color:#fff;font-size:14px; text-align: right;margin-bottom: 10px;}

.footer .copy a{color:#949ca5;font-size:12px;}

.footer .copy a:hover{color:#fff}

.footer .middle{width:300px;}

.footer .middle a:hover{color:#fff}

.footer .right{background: url(../images/ewmBg.png) no-repeat center;width: 103px;height: 103px;margin-left: 30px;}

.footer .right img{display:block; margin:1px 1px 0 0; width:90px;float: right;height: 90px;}

.footer .link{padding:20px 0; background: #2f3b48;margin-top: 50px;}

.footer .link h3{float: left;color:#fff;font-size:14px;margin-right: 10px;}

.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}

.footer .link a{display: inline-block;color:#949ca5;padding: 0 25px;font-size:12px;line-height: 10px;border-right: 1px #999 dotted;}

.footer .link a:hover{color:#fff}

.footer .link a:last-child{border:none;}

