@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;}

.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%;}



.header .subnav{display: none;position: absolute;right: 0;left: 0;top: 87px;background-color: rgba(243, 243, 243, 1);z-index: 999;}
.header .subnav .w1200{width: 1200px;margin: 0 auto;overflow: hidden;border-left: 1px solid #d5d5d5;padding: 30px 0;}
.header .subnav .child-title{color: #fe0000;font-size: 24px;width: 220px;padding-left: 25px;border-left: 1px solid #fe0000;margin-left: 0;}
.header .subnav .child-list{width: calc(100% - 245px)}
.header .subnav .child-list a{display: block;float: left;width: 190px;line-height: 40px;height: 40px;;box-sizing: border-box;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;font-size: 16px;color: #828282;background-image: url(../images/icon-right.png); background-repeat: no-repeat;background-position: center right;margin:0 50px 20px 0;}
.header .subnav .child-list a:nth-of-type(4n){margin-right: 0;}
.header .subnav .child-list a:hover{background-image: url(../images/icon-right-on.png);color: #fe0000;}



/*==标题↓==*/

.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;height: 330px;text-align: center; 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;}

/*发展历程*/
.page-path{overflow: hidden;position: relative;}
.view{padding: 3%;background: #f1f1f1;margin-top: 50px;}
.view .img{float: left;width: 34%}
.view .cont{float: right;width: 60%;padding-top: 4%}
.preview{position: relative;text-align: center;}
.preview .timelist{width: 94%}
.page-path:after{content: '';position: absolute;top:48.3%;left: 0;width: 100%;height: 1px;background: rgba(123, 123, 123, 0.3);z-index:-1}
.preview .li{display: inline-block;position: relative;}
.preview .li span{color: #999;font-size: 22px;}

.preview .li a{display: block; color: #999;
    font-size: 22px;
    font-family: 'DIN';
    box-sizing: border-box;
    width: 98px;
    height: 98px;
    margin: 0 auto;
    line-height: 98px;
    position: relative;
    bottom: -30px;transition: .5s all}

.preview .li .trans{display: block; background-color: #999;
    width: 1px;
    height: 15px;
    margin: 12px auto 5px;
}
.preview .li .circle{
  background-color: #999;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    border-radius: 50%;
}

.preview .li.swiper-slide-thumb-active a{background-image: url(../images/history-year-bg.jpg);bottom: 0;}
.preview .li.swiper-slide-thumb-active a span{color: #fff;}

/*.preview .li:after{content: '';position: absolute;left: -3%;top: 10px;width: 48%;height: 1px;background: #d0d0d0;}
.preview .li:before{content: '';position: absolute;right: -4%;top: 10px;width: 48%;height: 1px;background: #d0d0d0;}*/

.preview .swiper-button-preview{position: absolute;top:84px;width: 30px;height: 30px;}
.preview .arrow-right{right: 0;background: url(../images/page-path-next.png)no-repeat center;}
.preview .arrow-left{left: 0;background: url(../images/page-path-prev.png)no-repeat center;}
.preview .arrow-right:hover{background: url(../images/page-path-next-on.png)no-repeat center;}
.preview .arrow-left:hover{background: url(../images/page-path-prev-on.png)no-repeat center;}



.index-tie-nav{margin: 0 0 50px 0;text-align: center;overflow: hidden;line-height: 40px;}
.index-tie-nav h3{float: left;font-size: 35px;color: #010101;font-weight: normal}
.index-tie-nav ul{width: 100%;text-align: center}
.index-tie-nav a{display: inline-block; font-size: 14px;
    line-height: 40px;
    height: 40px;
    min-width: 110px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 40px;
    border: 1px solid #cecece;
    background-color: #fff;
    color: #828282;
    margin: 0 10px;
    padding: 0 15px;}
.index-tie-nav a.on{color: #fff;
    background-color: #013a81;
    border-color: #013a81;}
.index-tie-nav .more{font-size: 12px;color: #b1b1b1;border:1px solid #b1b1b1;padding: 0 10px;line-height: 30px;margin-right: 0}
.index-tie-nav .more:hover{color: #fff;border:1px solid #30a2e3;background: #30a2e3;}

.page-service{padding-bottom: 3%}
.page-service-vies li{float: left;height: 105px;background: #fff;box-sizing: border-box;
    border: 1px solid #e2e2e2;}
.page-service-vies li span{width: 100%;height: 100%;display: block;text-align: center}
.page-service-vies li img{vertical-align: middle; max-width: 100%;max-height: 100%;}


/*==底部===*/

.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 10px; background: #2f3b48;margin-top: 50px;}

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

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

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

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

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


.footer .copyright {padding:10px 0 10px; background: #2f3b48;color:#949ca5;
    border-top: 1px solid #565a5f;}
.footer .copyright h3{float: left;color:#949ca5;font-size:14px;margin-right: 10px;}