*{padding:0;margin:0;box-sizing:border-box;list-style:none;}
html{font-size: 10px; height: 100%;}
body{min-width:1200px;overflow-x:auto;font-size: 14px; height: 100%;font-family: "微软雅黑",Arial;}
ul{display:inline-block;}
li{float:left;}
b,em,h1,h2,h3,h4,i,strong,th{font-weight:400;font-style:normal;}
img{border: 0;vertical-align: middle;}
a{text-decoration: none; outline: none;}
.left{float:left;}
.right{float:right;}
.clear{display:inline-block;}
.clear:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.none{display: none;}
.w1000{width:1000px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}

.header{position:fixed;top:0;width:100%;height:50px;background:#FFF;z-index:100; box-shadow:3px 3px 13px 1px rgba(102,102,102,.2);}
.logo{float:left;margin-top:10px;}
.header li a{display:inline-block;width:100px;height:50px;line-height:50px;font-size:14px;color:#333;text-align:center;text-decoration:none;}
.header li.active a,.header li:hover a{color:#013e98;}
.footer-list{padding:50px 0 20px;background-color:#333;overflow:hidden;}
.footer-list dl{float:left;color:#999;width:190px;}
.footer-list dl dt{font-size:16px;margin-bottom:20px;}
.footer-list dl dd,.footer-list dl dd a{font-size:14px;color:#999;text-decoration:none;line-height:25px;}
.footer-list dl dd a:hover{color:#FFF;}
.footer-img{position:relative;}
.footer-img .code{position:absolute;right:1px;top:0;}
.footer-img .sd{position:absolute;right:0;top:120px;}
.footer-img .gs{position:absolute;left:50px;top:121px;}
.footer-text{text-align:center;line-height:20px;padding:5px 0;background-color:#111;color:#fff;font-size:12px;}

.panel{position:relative;height:100%; overflow: hidden;}
.panel-head dl{margin:0px 0 30px;display:inline-block;}
.panel-head dt{float:left;font-size:60px;color:#013e98;padding-right:10px;border-right:1px solid #333;}
.panel-head dd{float:left;margin-top:10px;margin-left:10px;}
.panel-head dd p{font-size:28px;color:#333;}
.panel-head dd p + p{font-size:14px;}
.panel .footer{position: absolute; bottom: 0; width: 100%; z-index: 20;}
.panel>a{position: absolute; top: 0; }

.panel-menu{position: fixed;top: 80px;right: 50px;z-index: 100;}
.panel-menu dd{width: 15px;height: 15px;border-radius: 50%;background: #ededed;margin-bottom: 20px;cursor: pointer;position: relative;}
.panel-menu dd.active{background: #b0d1ff;}
.panel-menu dd span{position: absolute;top: -8px;right: 42px;width: 100px;height: 30px;background: #b0d1ff;text-align: center;line-height: 30px;font-size: 14px;color: #333;visibility: hidden;opacity: 0;transition: all .5s;}
.panel-menu dd span:before{content: "";position: absolute;right: -12px;top: 7.5px;border-top: 7.5px solid transparent;border-bottom: 7.5px solid transparent;border-left: 12px solid #b0d1ff;}
.panel-menu dd:hover span, .panel-menu dd.active span{opacity: 1;visibility: visible;}

.flex-slider{position:relative;height:100%;overflow:hidden;}
.flex-slider .slides{position:relative;z-index:1;display:block;overflow:hidden;height:100%;}
.flex-slider .slides li{height:100%;overflow: hidden;}
.slider-text{width:1004px;height:70px;position:absolute;top:40%;left:50%;margin-left:-502px;background:url(../images/banner_text.png) no-repeat;}
.flex-slider img{width:100%;height:101%;}
.flex-slider .slider-video video{width:100%;position:absolute;bottom:0;}
.flex-slider .mark{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.1);}
.flex-slider .flex-slidernav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-slider .flex-slidernav a{display:inline-block;margin:0 6px;zoom:1; color: #FFF; text-decoration: none; position: relative; cursor: pointer;}
.flex-slider .flex-slidernav .flex-active::before{content: ""; position: absolute; border-left: 1px solid #dfdfdf; top: 120%; left: 50%; height: 30px; cursor: default;}

.yun{width:100%;font-size: 0;display: inline-block;}
.yun a{float: left; width: 33.3%; position:relative;}
.yun .yun-img{ width: 100%; height: 500px; position:relative;}
.yun-img img{width: 100%; height: 100%;}
.yun-img img.img-grey{position: absolute;top: 0;left: 0;width: 100%; height:100%; transition:all .5s; opacity: 1;}
.yun-text{width:90%;height:135px;padding:20px 40px;margin: -20% 5% 0;color: #333;background:#FFF;transition:all .5s; position: relative; z-index: 10;}
.yun-text h1{font-size:24px;margin-bottom:10px; }
.yun-text p{font-size:14px;}
.yun a.active .yun-img img.img-grey{opacity: 0; filter: alpha(opacity=0);}
.yun a.active .yun-text{box-shadow:3px 3px 13px 1px rgba(102,102,102,.2);}

.awards{width:1000px; margin: 0 auto; font-size: 14px;display: inline-block;color: #333333;}
.awards ul{}
.awards ul li{ width: 320px; height: 200px; margin-right: 20px; margin-top: 20px; background:url(../images/awards.png); position: relative;}
.awards ul li:nth-child(3n){margin-right: 0px;}
.awards ul li:nth-child(2){ background-position:-320px 0; }
.awards ul li:nth-child(3){ background-position:-640px 0; }
.awards ul li:nth-child(4){ background-position:0 -200px; }
.awards ul li:nth-child(5){ background-position:-320px -200px; }
.awards ul li:nth-child(6){ background-position:-640px -200px; }
.awards ul li:nth-child(7){ background-position:0 -400px; }
.awards ul li:nth-child(8){ background-position:-320px -400px; }
.awards ul li:nth-child(9){ background-position:-640px -400px; }
.awards ul li span{ position: absolute; top: 50%;margin-left: 120px;  margin-right: 20px; transform: translate(0,-50%); }


.box{width: 100%; margin-bottom: 300px;}
.news-box{float:left;width:680px;}
.news-box dd{font-size:14px;line-height:36px; height: 36px;cursor:pointer;}
.news-box dd a{text-decoration:none;color:#333;display:inline-block;width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-box dd span{float:right;margin-left:15px;}
.news-box dd:hover a{color:#013e98;}
.news-box .more{display:block;margin-top:20px;text-align:right;font-size:14px;color:#013e98;cursor:pointer;clear:both;}
.about-box{width:400px;height:200px;float:right;background:#eee;}
.flex-image{position:relative;height:100%;}
.flex-image .slides{position:relative;z-index:1;display:block;height:100%;}
.flex-image .slides li{width:100%;height:100%;position:relative;}
.flex-image .slides li p{text-align:center;width:100%;position:absolute;bottom:-35px;color:#333;font-size:14px;}
.flex-image .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-image .flex-control-nav li{display:inline-block;margin:0 6px;zoom:1;float:none;}
.flex-image .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:40px;border-radius:20px;overflow:hidden;border:1px solid #FFF;cursor:pointer;}
.flex-image .flex-control-nav .flex-active{background:#FFF;}

#to-top{width: 40px; height: 40px; position: fixed; right: 20px; bottom: 40px; background: #013e98; opacity: .6;filter: alpha(opacity=60); color: #fff; text-align: center; border-radius: 2px; z-index: 100; cursor: pointer; transition: opacity .5s; display: none;}
#to-top:hover{opacity: 1;filter: alpha(opacity=100);}
#to-top:after{content: ''; display: inline-block; margin-top: 5px; border: 10px solid transparent; border-bottom-color: #FFF;}

.business{width: 1000px; margin: 0 auto;position: relative;top: 50%;margin-top: -215px;}
.business-phase{width: 570px; font-size: 16px; line-height: 24px; color: #333; text-indent: 1rem; position: relative; margin-bottom: 40px;}
.business-phase::before{content: ""; position: absolute; top: 5px; left: 0; width: 3px; height: 15px; background: #ffc600;}
.business-phase a {font-size: 16px;}
.business-phase a:hover {text-decoration: underline;}
.business-list dl{position: relative; margin-bottom: 30px; padding-left: 55px; line-height: 24px;}
.business-list i{position: absolute; top: 5px; left: 0; width: 35px; height: 35px; background: url("../images/icon.png") no-repeat;}
.business-list dl i.icon1 {background-position-x: 0;}
.business-list dl i.icon2{background-position-x: -35px;}
.business-list dl i.icon3{background-position-x: -70px;}
.business-list dl i.icon4{background-position-x: -105px;}
.business-list dt{font-size: 16px; color: #013e98; }
.business-list dd{font-size: 14px; color: #666;}
.business-icon{position: absolute; top: -35%; left: 60%;}
.business-right{margin-top: -175px;left: 33%;}
.business-right .business-icon{top: -90%; left: -57%;}
.dz i{ background-position-y: 0;}
.zs i{ background-position-y: -35px;}
.gy i{ background-position-y: -70px;}

.solution{width: 570px; position: absolute; top: 50%; left: 50%; margin: -175px 0 0 -500px;}
.solution-phase{font-size: 14px; line-height: 22px; color: #333; text-indent: 1rem; position: relative; margin-bottom: 30px;}
.solution-phase::before{content: ""; position: absolute; top: 4px; left: 0; width: 3px; height: 15px; background: #ffc600;}
.solution-phase p + p{margin-top: 20px;}
.solution-right{margin-left:30px;}
.solution-icon{position: absolute; left: 600px;}
.solution-right .solution-icon{left: -600px;}
.solution-title{font-size: 36px; color: #333; margin-bottom: 5px;}
.solution-apply h1{color: #333; font-size: 16px; margin-bottom: 15px;}
.solution-apply ul{width: 100%;margin-bottom: 24px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
.solution-apply ul li{width: 110px; height: 25px; line-height: 25px; padding-left: 35px; margin-bottom: 10px; color: #333; font-size: 14px; position: relative;}
.solution-apply ul li i{position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url("../images/icon.png") no-repeat 0 -150px; display: inline-block;}
.solution-apply ul.feature{border: none; padding: 0; margin: 0;}
.solution-apply ul.feature li{width: 140px; padding-left: 30px; color: #000; text-align: center; height: 30px; line-height: 28px; border: 1px solid #e5e5e5; margin-right: 45px; margin-bottom: 10px;}
.solution-apply ul.feature li i{top: -1px; width: 30px; height: 30px;}
.jr .solution-list i{background-position-y: -150px;}
.sj .solution-list i{background-position-y: -180px;}
.zw .solution-list i{background-position-y: -210px;}
.yx .solution-list i{background-position-y: -240px;}
.zb .solution-list i{background-position-y: -270px;}
.solution-list i.icon1{background-position-x: 0;}
.solution-list i.icon2{background-position-x: -25px;}
.solution-list i.icon3{background-position-x: -50px;}
.solution-list i.icon4{background-position-x: -75px;}
.solution-list i.icon5{background-position-x: -100px;}
.solution-list i.icon6{background-position-x: -150px;}
.solution-list i.icon7{background-position-x: -180px;}
.solution-list i.icon8{background-position-x: -210px;}
.solution-list i.icon9{background-position-x: -240px;}
.solution-list i.icon0{background-position-x: -270px;}

.about{background: url("../images/about-banner.png") 50% 0 no-repeat; background-size: cover; min-height: 800px;}
.about .panel-head p{color: #FFF;}
.about-text{color: #FFF; font-size: 16px; line-height: 30px; margin:20px 0 70px; position: relative;}
.about-text p{margin-bottom: 30px;}
.about-text i{position: absolute; top: -30px; width: 20px; height: 17px; background: url("../images/icon.png") no-repeat -226px -71px; }
.about-tel{display: block; width: 1000px; margin: 0 auto; position: relative;}
.about-tel li{width: 240px; height: 160px; position: relative; color: #FFF;}
.about-tel li dt{text-align: center; margin:15px 0;}
.about-tel li i{display: block; margin: 0 auto; width: 76px; height: 71px; background: url("../images/icon.png") no-repeat;}
.about-tel li i.icon1{background-position: -150px 0;}
.about-tel li i.icon2{background-position: -226px 0;}
.about-tel li i.icon3{background-position: -150px -71px;}
.about-tel li dd{text-align: center; line-height: 30px;font-size: 20px;}
.about-tel li dd p + p{font-size: 14px;}
.about-tel li.c{width: 520px;}
.about-tel li.left-line{position: absolute; top: -10px; left: -30px; width: 30px; height: 180px; background: transparent; border: 1px solid #FFF; border-right: none;}
.about-tel li.right-line{position: absolute; top: -10px; right: -30px; width: 30px; height: 180px; background: transparent; border: 1px solid #FFF; border-left: none;}
.award-list{width: 100%;}
.award-list dl{width: 33%; text-align: center; margin-top: 40px; float: left;}
.award-list dt{margin-bottom: 20px;}
.award-list dd{text-align: center; font-size: 14px; color: #333;}
.logo-list{width: 100%; position: relative; height: 520px; margin-top: 40px;}
.logo-text{position: absolute;top: 60px;right: 760px; line-height: 36px; text-align: right;}
.logo-text h1{font-size: 24px; color:#013e98; }
.logo-text p{font-size: 14px; color:#999;}
.logo-item{position: absolute; width: 167px; height: 167px; background: #333; display:table;}
.logo-item .blue-bg{position: absolute; width: 100%; height: 100%; background: #013e98; opacity: 0;filter: alpha(opacity=0); z-index: 1; transition: opacity .3s;}
.logo-item.active .blue-bg{opacity: 1; filter: alpha(opacity=100);}
.logo-item .logo-img{display:table-cell; position: relative; z-index: 2; width: 100%; height: 100%; text-align: center; vertical-align:middle}
.logo-list .y1{top: 5px;}
.logo-list .y2{top: 177px;}
.logo-list .y3{top: 349px;}
.logo-list .x1{left: 0;}
.logo-list .x2{left: 172px;}
.logo-list .x3{left: 344px;}
.logo-list .x4{left: 516px;}
.logo-list .x5{left: 688px;}
.logo-list .x6{left: 860px;}
.logo-list .x7{left: 1032px;}

.join{ height: 800px;background: #013e98 url(../images/join-bg.png) right bottom no-repeat; background-size:78% 100%;}
.join .panel-head dt,.join .panel-head p{color: #FFF; border-color: #FFF;}
.join .tab-li{float: left; margin: 0 20px 0 280px;}
.join .tab-li div{width: 220px; height: 50px; color: #FFF; background: #013e98; font-size: 18px; text-align: center; line-height: 50px; margin-bottom: 30px; cursor: pointer;}
.join .tab-li div.active{color: #013e98; background: #FFF;}
.join .tab-content-box{float: right; width: 680px; margin-top: -60px; background: #FFF;}
.join .tab-content{padding: 30px 15px 20px; line-height: 24px;}
.join .tab-content{display: none;}
.join .tab-content.active{display: block;}
.join .tab-content h1{font-size: 14px; color: #333; padding-left: 10px; border-left: 5px solid #013e98;}
.join .tab-content p{font-size: 14px; color: #333; padding-left: 15px;}

.news .tab-content{margin: 20px 0 40px;}
.news .tab-content li .time{float: left; font-size: 12px; text-align: center; width: 165px; line-height: 30px;}
.news .tab-content li .content{float: left; width: 835px;height: 90px; border-left: 1px solid #999; padding-left: 40px; padding-bottom: 20px;}
.news .tab-content li .content a{font-size: 16px; color: #333; line-height: 30px;}
.news .tab-content li .content a:hover{ color: #013e98; }
.news .tab-content li .content p{font-size: 14px; color: #333;}
.pagination{width: 100%; margin-top: 20px; text-align: center;}
.pagination a, .pagination span{display: inline-block; width: 30px; height: 20px; line-height: 20px; font-size: 14px; color: #333; text-align: center; cursor: pointer;}
.pagination span.active{background: #013e98; color: #FFF;}

.detail-head{margin-top: 70px;padding: 10px 5px;border-bottom: 1px solid #999; font-size: 12px;color: #333;}
.detail-head span{color: #013e98;}
.detail-body{color: #333; font-size: 14px; margin: 30px 0 70px; line-height: 24px;}
.t-right{text-align: right;}


@media all and (min-height: 900px){
    .about-text{
        margin:50px 0 120px;
    }
}
@media all and (min-width: 1600px){
    .join{background-size: auto;}
}
@media all and (max-height: 840px){
    .panel{
        height: 840px;
    }
    .panel-min {
        height: inherit;
        min-height: 600px;
    }
    .yun-box{
        width: 1000px;
    }
    .yun .yun-img{
        height: 400px;
    }
    .yun-text{
        padding: 15px 25px;
        height: 100px;
     }
     .yun-text h1{
         font-size: 16px;
         margin-bottom: 5px;
     }
     .yun-text p{
         font-size: 12px;
     }
}

/* 营销QQ */

#kf-link { width: 150px;  height: 220px;  background: #FFF;  border: 1px solid gray;  border-radius: 8px;  position: fixed;  top: 80px;  right: -152px; z-index: 9999; }
.kf-left { position: absolute;  top: 20px;  left: -36px;  width: 35px;  height: 135px;  background: url('../images/kefu/left.jpg') no-repeat;  cursor: pointer;  }
.kf-qq{ font-size: 14px;  color: #fff;  background: #169ada;  margin: 10px 10px;  border-radius: 5px;  height: 30px;  line-height: 30px;  cursor: pointer;  }
.kf-qq img, .kf-tel img{ position: relative;  top: -1px; margin: 0 5px;  }
.kf-tel { color: rgb(101, 101, 101);  font-family: arial;  font-size: 15px;  margin: 10px 10px;  }