﻿.container{max-width:1200px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5;background-color: #fff;}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#FF955B;}
a:focus{color:#FF955B;}
a.btn-more{display:inline-block;width:140px;height:40px;line-height:40px;border:1px #000 solid;transition:all 0.5s ease;
           -moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */
            font-size:13px;text-align:center;margin:0px auto;margin-top:40px;border-radius: 6px;}
a.btn-more:hover{border-color:#780001;color:#780001;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/


/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-trsansform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}



/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.control-phone{color: #2f54eb;line-height: 44px;}
 .control-phone .fa{font-size: 18px;padding-right: 10px;transform: rotate(7deg);-ms-transform: rotate(-50deg);-moz-transform: rotate(-50deg);
                    -webkit-transform: rotate(-50deg);-o-transform: rotate(-50deg);position: relative;top: -5px;}
.header .logo img{height:40px;}
.header .container .row{margin: 6px 0;}
.logo-box{text-align:left;}


.nav{width: 100%;}
.nav>ul>li{float:left;text-align:center;line-height:44px;width: 20%;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{font-size:16px;display: block;width: 100%;color: #fff;}
.nav >ul>li:hover > a,.nav >ul>li.active > a{color: #2f54eb;}

.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#89584B;}

.nav ul li ul li{display:none!important;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#ad7669;display:none;position:absolute;left:-18%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.nav-toggle{display:none;}

.html5zoo-arrow-left-0{background:url(../images/left.png) no-repeat scroll left top!important;margin-left:10px;}
.html5zoo-arrow-right-0{background:url(../images/left2.png) no-repeat scroll left top!important;margin-right:10px;}

.info-content{padding: 20px 20px 40px;}


/*bootom*/
footer{padding-top: 60px;}
.copyright{padding-top: 30px;}
.wechat{text-align:right;}


/*子页*/
.idea-banner img{max-height:420px;}
.idea-banner span{position: absolute;top: 30%;left:37%;font-size:26px;}
.fixed{height:360px;}
.top-words{text-align:center;padding:70px 0 130px;}
.idea{padding: 80px 0 50px;}
.comments-box{padding-top:50px;padding-bottom:80px;}
.comments-box li:first-child{border-right: 1px solid #ededed;}
.leave{padding-left: 140px;}
.leave ul{padding:40px 0;}

.news-banner img{max-height:240px;}
.news-list .row .title a{font-size: 18px;}



/*首页*/
.model{padding: 100px 0 40px;}
.model p{width: 40%;padding: 20px 0;}
.model-top{max-height: 382px;height: 382px;}
.model-top p{height: 80px;line-height: 80px;}
.model span{font-size: 32px;}
.more{margin: 60px auto 20px;}
.more a{padding: 13px 0;width: 230px;}

.worth-bg{margin-top: 80px;padding-bottom: 150px;}
.more-worth{margin: 40px auto;}
.more-worth a{padding: 14px 0;width: 180px;}
.worth-words {padding-top: 120px;}
.worth-words strong{font-size: 78px;}
.worth-words span{font-size:30px;}

.total-bg {padding-bottom: 130px;}
.white-bg .display-die{padding-left: 0;}
.white-bg ul{padding: 60px 0 20px;}
.white-bg ul > li:first-child{font-size: 22px;}
.white-bg ul li ol{width: 40%;text-align: center;position: relative;left: -14px;}
.more-white a{padding: 10px 0;width: 120px;}
.model-total{padding: 100px 0 30px;}

.news-total{padding: 90px 0 70px;}
.more-news a{padding: 12px 0;width: 190px;}

.taobao{padding: 120px 0 80px;}
}

@media (max-width:1000px) /*手机端*/
{
.header{box-shadow: 0px 0px 2px 1px rgba(0,0,0,.3);}
.header .container .row{margin: 4px 0;}
.header .logo img{height:50px;}
.header .nav-toggle{position:absolute;right:-10px;top:-6px;font-size:25px;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav-toggle{position: absolute;top: 24px;right: 20px;}
.nav-toggle .fa{font-size: 24px;color: #fff;}
.logo-box{text-align:left;padding-left: 0;}

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:rgba(168, 169, 176, 0.13)}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.info-content{padding: 10px 10px 20px;}

.display-die,.sub-nav-box,.control-phone,.green-bg{display:none!important;}


/*bootom*/
footer{padding-top: 20px;}
.relation{padding: 0 0 10px 30px;}
.footer-nav{padding-bottom: 10px;}
.footer-nav li{font-size: 13px;}
.wechat{text-align:center;}
.wechat{text-align:left;padding-left: 30px}


/*子页*/
.idea-banner span{position: absolute;top: 20%;left: 8%;font-size: 18px;}
.fixed{height:200px;}
.top-words{text-align:left;padding:10px 0 30px;}
.top-words span{text-align:center;}
.top-words p{text-indent: 2em;}
.idea{padding-top: 30px;}
.comments-box{padding-top:10px;padding-bottom:20px;}
.leave ul{padding:20px 0;}

.news-list .row{margin: 0 1px;}
.news-list .row .title a{font-size: 16px;}
.news-list .row .date{padding-left:0;}
.news-list .row .title{padding-left:0;padding-right:0;}



/*首页*/
.model-box > li{margin-bottom:20px;}
.model{padding: 40px 0 30px;}
.model-top{max-height: 320px;height: 320px;}
.model-top p{height: 60px;line-height: 60px;}
.model span{font-size: 24px;}
.model p{padding: 10px 0;font-size: 13px;}
.more{margin: 20px auto 30px;}
.more a{padding: 10px 0;width: 160px;}

.worth-bg{margin-top: 30px;padding-bottom: 50px;}
.more-worth{margin: 10px auto;}
.more-worth a{padding: 10px 0;width: 160px;margin-top: 30px;background-color: rgba(243, 242, 242, 0.17);}
.worth-words{padding-top: 60px;}
.worth-words strong{font-size: 32px;}
.worth-words span{font-size:15px;}

.total-bg {padding-bottom: 1px;}
.more-white{margin: 6px auto;}
.more-white a{padding: 10px 0;width: 160px;}
.model-total{padding: 40px 0;}
.white-bg ul{padding: 40px 0;}
.white-bg ul > li:nth-child(2){text-indent: 2em;}
.white-bg ul > li:first-child{font-size: 18px;}

.home-news{padding-bottom:20px;}
.news-total{padding: 40px 0 50px;}

.taobao{padding: 40px 0 60px;}
.taobao li{padding-top:10px;}
}



/*bootom*/
.relation li,footer,.relation li:first-child span,.footer-nav ul li{color:rgba(251, 252, 252, 0.58);}
.relation li:first-child,.relation li .fa,.copyright a,.footer-nav{color:#fff;}
footer{width:100%;min-height:95px;background:#000;line-height:2.5;}

.wechat li{display:inline-block;}
.wechat li span{display:block;text-align:center;}
.wechat li:first-child{padding-right:10px;}

.relation li:first-child span{display:block;}
.relation li:not(:first-child) .fa{width:20px;}

.footer-nav ul li:not(:nth-child(-n+3)) a{display:none;}
.copyright{text-align: center;padding-bottom: 20px;}



/*top*/
.header{position: sticky;top: 0;z-index: 10;background-color: #000;box-shadow: 0px 0px 2px 1px rgba(0,0,0,.3);}



/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;background-color: #fff;margin-bottom: 40px;}
.sub-nav-box .sub-nav{clear:both;text-align:left;width:100%;overflow:visible;}
.sub-nav-box .sub-nav li{width:100%;padding:0px!important;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;line-height:52px;font-size:14px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;padding-left: 30px;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}
.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.current{background:#eaeefd url(../images/left-icon.png) repeat-y left;}
.sub-nav-box .sub-nav li:hover{background-color:#eaeefd;}
.sub-nav-box .sub-nav li.current > a,.sub-nav-box .sub-nav li a:hover{color:#2f54eb;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.sub-nav-box > a >img{width:100%;padding-bottom:20px;}



.sub-nav-service{border: 1px solid rgb(237, 237, 237);}
.sub-nav-service .sub-nav li.current{background-image:none;background-color:#eaeefd;}


.green-bg{background-color: rgb(47, 84, 235);margin-bottom: 40px}
.sub-nav-news .sub-nav li{display: inline-block;line-height: 52px;height: 52px;width: 11.1%;text-align: center;}
.sub-nav-news .sub-nav li a{color:#fff;}
.sub-nav-news .sub-nav li.active,.sub-nav-news .sub-nav li:hover{background-color: rgba(16, 17, 18, 0.06);}


.sub-nav-home{border-right: 1px solid #e9ecef;margin-bottom:0;}
.sub-nav-home .sub-nav{position: relative;top: -30px;}
.sub-nav-home .sub-nav li:first-child{background:#eaeefd url(../images/left-icon.png) repeat-y left;}
.sub-nav-home .sub-nav li:first-child a{color:#2f54eb;}



/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;padding:20px;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
/*.images-list .row .item a:hover img{transform:scale(1.3,1.3);}*/



/*固定TOP*/
#toTop{position: fixed;bottom: 12px;right: 12px;width: 40px;height: 40px;text-indent: -999em;z-index: 999;background: url(../images/top.png) no-repeat;background-position: 0 0;transition: all 0.2s linear;}
#toTop:hover{background-position:0 -42px;}



/*在线客服*/
.zaixian{position:fixed;bottom:440px;right:0px;z-index:9;}
.zaixian .zaixian_com{position:relative;width:50px;height:80px;}
.zaixian_com .zxzx_pic1{position:absolute;right:0px;top:0px;}
.zaixian_com .zxzx_pic2{position:absolute;right:-190px;top:-70px;z-index:10;width:170px;height:300px;}
.zaixian_com .zxzx_pic1 p{position: absolute;top: 50px;left: 18px;font-size: 13px;color: #fff;}
.zaixian_com .zxzx_pic2 p{position: absolute;top: 118px;left: 24px;font-size: 13px;color: #fff;}
.kf-lf-lj{position:absolute;width:100px;right:10px;top:70px;}
.kf-lf-lj a{display:block;line-height:30px;padding-left:10px;margin:5px 0;color:#848484;font-size:13px;}
.kf-lf-lj a .fa{padding-right:4px;}
.kf-lf-lj a:hover{background:url(../images/box-kefu2.png) no-repeat 5px center #1298fa;color:#FFF;border-radius:4px;}
@media(max-width:1000px){.zaixian{display:none;}}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.1rem solid #5f6063;background: #000;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color: #fff;font-size:12px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:20px;}
@media(max-width:1000px){footer{margin-bottom:50px;}}
@media (min-width:1000px){.footer-fixed{display:none!important;}}



/*内容页公共用*/
.breadcrumb-box{position: relative;padding-top: 10px;margin-bottom: 10px;}
.breadcrumb > li + li::before {content: "⊙";padding: 0 5px;color: rgb(102, 102, 102);}
.breadcrumb li:first-child a span:hover,.breadcrumb li:last-child a:hover{text-decoration:underline;}
.breadcrumb > li,.breadcrumb > li > a{color: rgb(136, 136, 136);}


.bg-white{background-color: #fff;border-bottom: 1px solid rgba(136, 136, 136, 0.15);}
.wathet-bg{background-color:rgb(246, 250, 254);}
.same-padding{padding-top: 30px;}


.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 44px;}
.card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 60px;}
.card4{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;height: 80px;}



/*内页-新闻中心*/
.news-banner img{width:100%;}

.news-list .row{border-bottom: 1px dotted #dbd4cd;overflow: hidden;padding: 10px 0;margin-bottom: 20px;}
.news-list .row ul{width: 60px;height: 60px;text-align: center;color: #fff;margin-top: 6px;position: relative;top: -10px;}
.news-list .row ul li:first-child{height: 41px;line-height: 41px;font-family: courier new;color: #888888;font-size: 38px;}
.news-list .row ul li:last-child{font-size: 13px;color: #888888;}
.news-list .row .title p{padding-top: 6px;color: #888888;}


.service-list .row{border-bottom: 1px solid #dbd4cd;overflow: hidden;padding: 10px 0;margin-bottom: 20px;}
.service-list .row ul{width: 60px;height: 60px;text-align: center;color: #fff;margin-top: 6px;position: relative;top: -10px;}
.service-list .row .title a{font-size: 17px;}
.service-list .row .title p{margin: 16px 0;color: #888888;font-size: 13px;}



/*内页-在线反馈*/
.idea-banner{position:relative;width:100%;}
.idea-banner span{color: rgb(255, 255, 255);}

.top-words,.idea{line-height: 2.2;}
.top-words span{font-size: 20px;display: block;padding: 20px 0;}
.fixed{background:url(../images/fix.jpg) no-repeat center fixed;background-size: cover;}

.map{padding:30px 0;}

.comments span{font-size:20px;display:block;}
.leave ul li{color: rgb(136, 136, 136);line-height: 2.5;}



/*首页-服务项目*/
.more{text-align: center;display: table;}
.more a{color: rgb(47, 84, 235);border-radius: 30px;border: 1px solid rgb(47, 84, 235);display: block;
-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.more a:hover{color: #fff;background-color: rgb(47, 84, 235);}


.model{text-align:center;}
.model span{display:block;}
.model p{margin: 0 auto;color: rgb(90, 90, 90);}
.model-top{border: solid 1px #f2f2f2;box-shadow: 2px 2px 6px #edeef2;position:relative;}
.model-top p{background: url(../images/model1.png);background-size: cover;text-align: center;font-size: 18px;color: rgb(255, 255, 255);}
.model2 p{background: url(../images/model2.png);}
.model3 p{background: url(../images/model3.png);}
.model4 p{background: url(../images/model4.png);}
.model-top .seek a{color: rgba(47,84,235,1);position: absolute;bottom: 20px;left:20px;}
.difference{line-height: 2.2;padding: 20px 20px 30px 20px;}
.difference li{position:relative;}
.difference li a{background:url(../images/icon.png) no-repeat left;padding-left: 18px;}
/*.model1 li:nth-child(4) i{background: url(../images/hot.png) no-repeat;width: 32px;height: 15px;display: block;position: absolute;left: 100px;top: 10px;}
.model2 li:nth-child(2) i{background: url(../images/hot.png) no-repeat;width: 32px;height: 15px;display: block;position: absolute;left: 84px;top: 10px;}*/




/*首页-技术创造价值*/
.more-worth{text-align: center;display: table;}
.more-worth a{color:#fff;border-radius: 30px;display: block;
-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.more-worth a:hover{color: rgb(47, 84, 235);background-color: #fff;}


.worth-bg{background:url(../images/worth-bg.jpg) center fixed;background-size:cover;}
.worth-words{color: rgb(255, 255, 255);text-align: center;}
.worth-words strong{text-transform: uppercase;}
.worth-words span{display: block;}

.worth-img{text-align: center;width: 60%;margin: 0 auto;padding-top: 30px;}
.worth-img li span{display: block;color: #fff;padding: 20px 0;font-size: 16px;}



/*首页-解决方案*/
.more-white{text-align: center;display: table;padding-top: 50px;}
.more-white a{color: rgb(47, 84, 235);border-radius: 30px;border: 1px solid rgb(47, 84, 235);display: block;
              -moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
              -o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.more-white a:hover{color: #fff;background-color: rgb(47, 84, 235);}

.total-bg {background-color: rgb(246, 250, 254);}
.white-bg{background:url(../images/white-bg.png);}
.white-bg ul > li:nth-child(2){padding: 20px 0 40px;line-height: 1.8;}

.white-bg ul li ol{text-align:center;}
.white-bg ul li ol li span{display:block;padding-top: 20px;}



/*首页-新闻动态*/
.home-news li a img{width: 100%;max-height: 310px;}
.home-news li a p{font-size: 18px;padding: 14px 0 4px}
.home-news li .date{color: #929292;font-size: 13px;padding-bottom: 10px;}
.home-news li .introduction{color: #999999;}


.news-right-box li p{line-height: 1.8;}
.news-right-box .row ul{position: relative;top: 10px;}
.news-right-box .row .title p {padding-top: 12px;}
.news-right-box .row{padding: 10px 0 30px;margin-bottom: 20px;}


.taobao li img{transition:.2s linear;width: 100%;height: 100%;}
.taobao img:hover{transform: translateY(-14%);}


