/* 
* @Author: anchen
* @Date:   2017-08-04 10:51:12
* @Last Modified by:   anchen
* @Last Modified time: 2017-08-08 10:11:25
*/
p {padding: 0;}
.container>h1 { text-align: center;position: relative;color: #333;font-size: 28px;}
.container>h1:after { content: '';width: 26px;height:1px;background: #333;position: absolute;left: 50%;margin-left: -13px;bottom: -22px;}
.container>p { text-align: center;margin: 0 auto;margin-top: 50px;position: relative;}

.container { width: 1200px;margin: 0 auto;}
.viewer-navbar,.viewer-navbar,.viewer-toolbar { display: none!important;}
/*动画*/
/*左边渐渐引入*/
@-webkit-keyframes leftFadeIn {
    from{opacity:0; -webkit-transform:translateX(-40px);}
}
@-moz-keyframes leftFadeIn {
    from{opacity:0; -webkit-transform:translateX(-40px);}
}
@-ms-keyframes leftFadeIn {
    from{opacity:0; -webkit-transform:translateX(-40px);}
}
@-o-keyframes leftFadeIn {
    from{opacity:0; -webkit-transform:translateX(-40px);}
}
@keyframes leftFadeIn {
   from{opacity:0; -webkit-transform:translateX(-40px);}
}



/*右边渐渐引入*/
@-webkit-keyframes rightFadeIn {
    from{opacity:0; -webkit-transform:translateX(40px);}
}
@-moz-keyframes rightFadeIn {
    from{opacity:0; -webkit-transform:translateX(40px);}
}
@-ms-keyframes rightFadeIn {
    from{opacity:0; -webkit-transform:translateX(40px);}
}
@-o-keyframes rightFadeIn {
    from{opacity:0; -webkit-transform:translateX(40px);}
}
@keyframes rightFadeIn {
   from{opacity:0; -webkit-transform:translateX(40px);}
}


/*从下滑上*/
@-webkit-keyframes upFadeIn {
    from{opacity:0; -webkit-transform:translateY(-40px);}
}
@-moz-keyframes upFadeIn {
    from{opacity:0; -webkit-transform:translateY(-40px);}
}
@-ms-keyframes upFadeIn {
    from{opacity:0; -webkit-transform:translateY(-40px);}
}
@-o-keyframes upFadeIn {
    from{opacity:0; -webkit-transform:translateY(-40px);}
}
@keyframes upFadeIn {
   from{opacity:0; -webkit-transform:translateY(-40px);}
}

@-webkit-keyframes autoPlay {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}
@-moz-keyframes autoPlay {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}
@-ms-keyframes autoPlay {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}
@-o-keyframes autoPlay {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}
@keyframes autoPlay {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}


#dasBanner{ width: 100%;height: 405px;background: url(../xxaq_img/das_banng_bj.png) no-repeat;}
#banner .slideBox { border: none;height: 405px;}
.bd {overflow: hidden;height: 405px!important;}
/*.banner img { width:auto;height: auto;}*/
#banner .slideBox ul li{ height: 405px;}

#boxOl { width: 662px;height: 405px;position: absolute!important;right: 0;bottom: 10px;z-index: 22;}
#boxOl ol { width: 662px;height: 435px;list-style: none;}
#boxOl li{  width: 700px;height: 435px;position: absolute;right: 0;bottom: 20px;}
#boxOl li img { float: right;}
.b_wz { position: absolute;top: 128px;left: 20px;display: block;z-index: 33;}
.b_wz.act2 {-webkit-animation: TopdownIn 1s cubic-bezier(.4,0,.2,1) 0s 1;
-o-animation: TopdownIn 1s cubic-bezier(.4,0,.2,1) 0s 1;
animation: TopdownIn 1s cubic-bezier(.4,0,.2,1) 0s 1;}
 .b_wz h1 { font-size: 38px;margin-bottom: 20px;padding: 10px 0;}
 .b_wz h1.act2 { -webkit-animation: opcity 2s;
-o-animation: opcity 2s;
animation: opcity 2s;}
 .b_wz p { font-size: 16px;}
 .b_wz  span { padding: 5px 10px;border-radius: 4px;border: 1px solid #fff;margin-right: 10px;margin-top: 10px;display: inline-block;cursor: pointer;}
.b_wz  span:hover { background: #8ac33c;border-color: #8ac33c;color: #fff;}


#das_part1 { padding-top: 40px;background: url(das_part1_bg.png) no-repeat center center;height: 1040px;position: relative;}
#das_part1 .box { width: 100%;height: 530px;position: relative;margin-top: 70px;}
#das_part1 .box .cir { width: 452px;height: 452px;position: absolute;top: 0;left: 50%;margin-left: -226px;}

.autoCircle { -webkit-animation: autoCircle 120s infinite;
-o-animation: autoCircle 120s infinite;
animation: autoCircle 120s infinite;}

@-webkit-keyframes autoCircle {
    
    100% { transform: rotate(360deg); }
}
@-moz-keyframes  autoCircle{
   100% { transform: rotate(360deg); }
}
@-ms-keyframes  autoCircle{
   100% { transform: rotate(360deg); }
}
@-o-keyframes autoCircle {
   100% { transform: rotate(360deg); }
}
@keyframes autoCircle {
   100% { transform: rotate(360deg); }
}


@-webkit-keyframes rotateR {
    from{ transform: translateX(-40px);opacity:0;}
}
@-moz-keyframes rotateR {
    from{ transform: translateX(-40px);opacity:0;}
    
}
@-ms-keyframes rotateR {
    from{ transform: translateX(-40px);opacity:0;}
    
}
@-o-keyframes rotateR {
    from{ transform: translateX(-40px);opacity:0;}
    
}
@keyframes rotateR {
    from{ transform: translateX(-40px);opacity:0;}
    
}


@-webkit-keyframes rotateL {
    from{ transform: translateX(40px);opacity:0;}
}
@-moz-keyframes rotateL {
    from{ transform: translateX(40px);opacity:0;}
    
}
@-ms-keyframes rotateL {
    from{ transform: translateX(40px);opacity:0;}
    
}
@-o-keyframes rotateL {
    from{ transform: translateX(40px);opacity:0;}
    
}
@keyframes rotateL {
    from{ transform: translateX(40px);opacity:0;}
    
}


@-webkit-keyframes op {
    from{opacity: 0;
    filter: alpha(opacity=0);}
}
@-moz-keyframes op {
    from{opacity: 0;
    filter: alpha(opacity=0);}
    
}
@-ms-keyframes op {
    from{opacity: 0;
    filter: alpha(opacity=0);}
    
}
@-o-keyframes op {
    from{opacity: 0;
    filter: alpha(opacity=0);}
    
}
@keyframes op {
    from{opacity: 0;
    filter: alpha(opacity=0);}
    
}

#das_part1 .box .data { width: 297px;height: 187px;background: url(das_part1_data.png) no-repeat;position: absolute;top: 120px;left: 50%;margin-left: -148px;}
#das_part1 .box .tit { text-align: center;position: absolute;width: 390px;color: #001e5f;top: 230px;left: 50%;margin-left: -195px;font-size: 24px;line-height: 30px;}
#das_part1 .box>span { width: 115px;height: 115px;background: url(das_part1_1.png) no-repeat;position: absolute;top: 50px;left: 355px;z-index: 2;}
#das_part1 .box .s2 { top: 180px; left: 755px;background: url(das_part1_2.png) no-repeat;}
#das_part1 .box .s3 { top: 360px; left:455px;background: url(das_part1_3.png) no-repeat;}
#das_part1 .box>span i { width: 14px;height: 14px;background: url(das_circle.png) no-repeat;position: absolute;top: 15px;left: 5px;}
#das_part1 .box .s2 i { top: 25px;left: 100px;}
#das_part1 .box .s3 i { top: 97px;left: 84px;}

.autoPlay { -webkit-animation: autoPlay 1s infinite;
-o-animation: autoPlay 1s infinite;
animation: autoPlay 1s infinite;}
#das_part1 .st { width: 398px;height: 98px;background: url(line1.png) no-repeat;position: absolute;line-height: 22px;}
#das_part1 .s1t p { width: 340px;background: #eee;margin-top: 12px;margin-left: 6px;color: #666;padding: 5px;-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;opacity: 1;
filter: alpha(opacity=1);}
#das_part1 .s2t p { width: 296px;background: #eee;margin-top: 12px;margin-left: 37px;color: #666;padding: 5px;}
#das_part1 .s3t p { width: 296px;background: #eee;margin-left: 37px;color: #666;padding: 5px;margin-top: 10px;}
#das_part1 .s1t span { display: block;text-align: right;padding-right: 40px;color: #333;margin-top: 5px;}
#das_part1 .s2t span { display: block;text-align: left;color: #333;margin-top: 5px;padding-left: 40px;}
#das_part1 .s3t span { display: block;text-align: left;color: #333;margin-top: 5px;padding-left: 40px;}
#das_part1 .s1t {left: -24px;top: 10px; display: none;}
#das_part1 .s2t {right: -8px;top: 147px; width: 351px;height: 104px;background: url(line2.png) no-repeat;display: none;}
#das_part1 .s3t {top: 448px;left: 535px; width: 355px;height: 77px;background: url(line3.png) no-repeat;display: none;}

#das_part1 .s1t.ani span { -webkit-animation: rotateR .5s 1;
-o-animation: rotateR .5s 1;
animation: rotateR .5s 1;}

#das_part1 .s2t.ani span,#das_part1 .s3t.ani span { -webkit-animation: rotateL .5s 1;
-o-animation: rotateL .5s 1;
animation: rotateL .5s 1;}


#das_part1 .s1t.ani p,#das_part1 .s3t.ani p { -webkit-animation: op .8s 1;
-o-animation: op .8s 1;
animation: op .8s 1;}

#das_part1 .s2t.ani p { -webkit-animation: op .8s 1;
-o-animation: op .8s 1;
animation: op .8s 1;}

#das_part1 .but { position: absolute;left: 50%;margin-left: -24px;bottom: 270px;width: 45px;height: 45px;cursor: pointer;}
#das_part1 .but span{ width: 45px;height: 45px;background: #fff;border-radius: 50%;display: inline-block;position: absolute;top: 0;left: 0;}
#das_part1 .but span i { width: 8px;height: 8px;border: 1px solid #001e5f;-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);border-color: transparent  #001e5f #001e5f transparent;position: absolute;left: 50%;margin-left: -4px;top: 10px;z-index: 3;transition: all .4s;}
#das_part1 .but span .i2 { top: 18px;}
#das_part1 .but .span2 { background: #001e5f;z-index: 2;-webkit-transform: scale(0);
   -moz-transform: scale(0);
    -ms-transform: scale(0);
     -o-transform: scale(0);
        transform: scale(0);transition: all .4s;}
#das_part1 .but:hover .span2 { -webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);}
#das_part1 .but:hover span i {border-color: transparent  #fff #fff transparent;}
#das_part1 .box2 {width: 1200px;height: 225px;position: absolute;bottom: 0;color: #fff;text-align: center;}
#das_part1 .box2>div { width: 420px;height: 200px;text-align: center;}
#das_part1 .box2 .left { margin-left: 100px;}
#das_part1 .box2 .right { margin-right: 100px;}
#das_part1 .box2>div span { width: 90px;height: 90px;background: url(das_ico04.png) no-repeat;display: inline-block;margin-top: 30px;margin-bottom: 22px;}
#das_part1 .box2>.right span { background: url(das_ico05.png) no-repeat;}
#das_part1 .box2>div p { text-align: center;}


#das_part2 { padding: 40px 0;}

#das_part2 #focus_Box{font-size: 12px;position:relative;width:100%;height:375px;margin:30px 0;}
#focus_Box ul{
    position:relative;
    width:1000px;
    height:292px;
    margin:0 auto;
    padding:0;
}
#focus_Box li{
    position:absolute;
    list-style:none;
    background:#000;
    width:0;
    height:0;
    top:146px;
    left:377px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
    overflow: hidden;
    margin:0;
    padding:0;
}
/*#focus_Box li:nth-child(2) { box-shadow: 0 0 20px rgba(0,0,0,0.5);}*/
#focus_Box li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
#focus_Box section { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -20px; cursor: pointer;-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);  }
#focus_Box span:nth-child(1), #focus_Box span:nth-child(2){ position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -20px; cursor: pointer; line-height: 40px; border: 1px solid #001e5f;border-color: #001e5f transparent  transparent #001e5f; }
#focus_Box span:nth-child(1){
    left:10px;
}
#focus_Box span:nth-child(2), #focus_Box section:nth-child(2){
    border-color:  transparent #001e5f  #001e5f transparent ;
    right:10px;  
    -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
        transform: rotate(135deg);
}

#focus_Box span:before {
    content: '';
    width: 1px;
    height: 30px;
    background: #001e5f;
    position: absolute;
    left: -3px;
    top: -20px;
    -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
        display: none;
}

#focus_Box .s2:before {
    content: '';
    left: -5px;top: -18px;
}

#focus_Box section:hover span::before {
    content: '';
    display: block;
}

#das_part2 h6 { font-size: 14px;text-align: center;margin-top: 65px;}
#focus_Box .check { position: absolute;width: 100px;height: 80px;top: 50%;margin-top: -40px;left: 50%;margin-left: -50px;}
#focus_Box .check h4 { text-align: center;}
#focus_Box .check h4 i { display: inline-block;width: 45px;height: 45px;background: url(check.png) no-repeat;}
#focus_Box .check p { text-align: center;color: #fff;}


#das_part3 { padding: 40px 0;margin-top: 30px;background: #fafafa url(../xxaq_img/15.jpg) no-repeat 0 bottom;}
#das_part3 .container>ul { padding: 0 250px;display: flex;margin-top: 80px;}
#das_part3 .container>ul li { font-size: 12px;color: #333;flex: 1;text-align: center;}
#das_part3 .container>ul li div {width: 100px;height: 80px;background: transparent;border-radius: 10px;padding-top: 10px;}
#das_part3 .container>ul li span { width: 35px;height: 46px;display: block;background: url(http://aq.xetimes.com/templets/aq/bj_img/das_part3_01_1.png) no-repeat 50% top;width: 100%;margin-bottom: 5px;}
#das_part3 .container>ul .l2 span {background: url(../xxaq_img/das_part3_02.png) no-repeat 50% top;}
#das_part3 .container>ul .l3 span {background: url(../xxaq_img/das_part3_03.png) no-repeat 50% top;}
#das_part3 .container>ul .l4 span {background: url(../xxaq_img/das_part3_04.png) no-repeat 50% top;}
#das_part3 .container>ul li.cli div{ background: #eee;box-shadow: 0 0 10px rgba(0,0,0,0.3);}/*
#das_part3 .container>ul .l1.cli span { background: url(../xxaq_img/das_part3_01_1.png) no-repeat 50% top;}
#das_part3 .container>ul .l2.cli span { background: url(../xxaq_img/das_part3_02_1.png) no-repeat 50% top;}
#das_part3 .container>ul .l3.cli span { background: url(../xxaq_img/das_part3_03_1.png) no-repeat 50% top;}
#das_part3 .container>ul .l4.cli span { background: url(../xxaq_img/das_part3_04_1.png) no-repeat 50% top;}*/

#das_part3 .pic {background: url(deskPic06.jpg) no-repeat 50% 50%;overflow:hidden;position: relative;height: 388px;margin-top:0;display: none;}
#das_part3 .pic.show { display: block;}
#das_part3 .pic ol { margin: 0 37px;overflow: hidden;position: absolute;top: 0;padding: 20px;list-style: none;}
#das_part3 .pic ol li { float: left;width: 203px;height: 300px;background: url(../xxaq_img/das_part3_bg.png) no-repeat;position: relative;border-radius: 5px;transition: all .2s;margin-top: 35px;background-size: cover;}
#das_part3 .pic ol li:hover { background: url(../xxaq_img/das_part3_bg2.png) no-repeat;}
#das_part3 .pic ol li+li { margin-left: 20px;}
#das_part3 .pic ol li s{ height: 6px;width: 6px;border: 2px solid #333;position: absolute;right:10px;top: 10px;border-radius: 50%;}


#das_part3 .pic ol li h2 { margin: 5px 0;margin-bottom: 5px;font-size: 18px;color: #fff;text-align: center;margin-top: 145px;position: relative;margin-bottom: 20px;}
#das_part3 .pic ol li h2:after { content: '';width: 6px;height: 10px;background: url(rain.png) no-repeat;position: absolute;bottom: -15px;left: 50%;margin-left: -3px;display: none;}
#das_part3 .pic ol li:hover h2:after {display: block;}
#das_part3 .pic ol li p { margin: 0 5px;text-align: center;color: #fff;font-size: 12px;line-height: 22px;}
#das_part3 .pic ol li.cli4 { box-shadow: 1px 4px 20px rgba(0,0,0,.2);transform: translateY(-5px);}
#das_part3 .pic ol li.cli4 s { background: #004a9a;}
#das_part3 .pic ol li h1{ background: #000;width: 95px;height: 98px;background: url(../xxaq_img/das_part3_ico1.png) no-repeat;position: absolute;top: 17px;left: 69px;}
/*#das_part3 .pic1 ol li:nth-child(2) h1{background: url(../xxaq_img/das_part3_ico2.png) no-repeat;}
#das_part3 .pic1 ol li:nth-child(3) h1{background: url(../xxaq_img/das_part3_ico3.png) no-repeat;}
#das_part3 .pic1 ol li:nth-child(1).cli4 h1{background: url(../xxaq_img/das_part3_ico01.png) no-repeat;}
#das_part3 .pic1 ol li:nth-child(2).cli4 h1{background: url(../xxaq_img/das_part3_ico02.png) no-repeat;}
#das_part3 .pic1 ol li:nth-child(3).cli4 h1{background: url(../xxaq_img/das_part3_ico03.png) no-repeat;}

#das_part3 .pic2 ol li:nth-child(1) h1{background: url(../xxaq_img/das_part3_ico4.png) no-repeat;}
#das_part3 .pic2 ol li:nth-child(2) h1{background: url(../xxaq_img/das_part3_ico5.png) no-repeat;}
#das_part3 .pic2 ol li:nth-child(3) h1{background: url(../xxaq_img/das_part3_ico6.png) no-repeat;}
#das_part3 .pic2 ol li:nth-child(1).cli4 h1{background: url(../xxaq_img/das_part3_ico04.png) no-repeat;}
#das_part3 .pic2 ol li:nth-child(2).cli4 h1{background: url(../xxaq_img/das_part3_ico05.png) no-repeat;}
#das_part3 .pic2 ol li:nth-child(3).cli4 h1{background: url(../xxaq_img/das_part3_ico06.png) no-repeat;}

#das_part3 .pic3 ol li:nth-child(1) h1{background: url(../xxaq_img/das_part3_ico7.png) no-repeat; width: 95px;height: 98px;}
#das_part3 .pic3 ol li:nth-child(2) h1{background: url(../xxaq_img/das_part3_ico8.png) no-repeat;}
#das_part3 .pic3 ol li:nth-child(3) h1{background: url(../xxaq_img/das_part3_ico9.png) no-repeat;}
#das_part3 .pic3 ol li:nth-child(1).cli4 h1{background: url(../xxaq_img/das_part3_ico07.png) no-repeat;}
#das_part3 .pic3 ol li:nth-child(2).cli4 h1{background: url(../xxaq_img/das_part3_ico08.png) no-repeat;}
#das_part3 .pic3 ol li:nth-child(3).cli4 h1{background: url(../xxaq_img/das_part3_ico09.png) no-repeat;}

#das_part3 .pic4 ol li:nth-child(1) h1{background: url(../xxaq_img/das_part3_ico10.png) no-repeat;}
#das_part3 .pic4 ol li:nth-child(2) h1{background: url(../xxaq_img/das_part3_ico11.png) no-repeat;}
#das_part3 .pic4 ol li:nth-child(3) h1{background: url(../xxaq_img/das_part3_ico12.png) no-repeat;}
#das_part3 .pic4 ol li:nth-child(1).cli4 h1{background: url(../xxaq_img/das_part3_ico010.png) no-repeat;}
#das_part3 .pic4 ol li:nth-child(2).cli4 h1{background: url(../xxaq_img/das_part3_ico011.png) no-repeat;}
#das_part3 .pic4 ol li:nth-child(3).cli4 h1{background: url(../xxaq_img/das_part3_ico012.png) no-repeat;}*/
#das_part3 .pic h5 { font-size: 16px;text-align: center;margin-top: 30px;font-weight: 600;}
#das_part3 .pic ol { overflow: hidden;padding-left: 20px;}
#das_part3 .pic .text { position: absolute;bottom: 32px;left: 29%;color: #333;}
#das_part3 .pic ol li { float: left;margin-right: 125px;font-size: 12px;}


/*part4*/
#das_part4 { padding: 40px 0;}
#das_part4 ul{ margin-top: 35px;overflow: hidden;padding: 30px 20px;}
#das_part4 ul li { width: 21%;height: 323px;float: left;transition: all .2s;margin-right: 45px;padding: 20px 0;}
#das_part4 ul li:nth-child(4){margin-right: 0;}
#das_part4 ul li h1{ text-align: center;}
#das_part4 ul li h1 s {width: 109px; height: 122px;background: url(../xxaq_img/das_part4_01.png) no-repeat;display: inline-block;margin-top: 10px;}
#das_part4 ul li:nth-child(2) h1 s{background: url(../xxaq_img/das_part4_02.png) no-repeat;}
#das_part4 ul li:nth-child(3) h1 s{background: url(../xxaq_img/das_part4_03.png) no-repeat;}
#das_part4 ul li:nth-child(4) h1 s{background: url(../xxaq_img/das_part4_04.png) no-repeat;}

#das_part4 ul li.c1 h1 s {background: url(../xxaq_img/das_part4_1.png) no-repeat;}
#das_part4 ul li.c2 h1 s {background: url(../xxaq_img/das_part4_2.png) no-repeat;}
#das_part4 ul li.c3 h1 s {background: url(../xxaq_img/das_part4_3.png) no-repeat;}
#das_part4 ul li.c4 h1 s {background: url(../xxaq_img/das_part4_4.png) no-repeat;}


#das_part4 ul li h2 { text-align: center;font-size: 18px;font-weight: 600;margin: 22px 0;color: #333;}
#das_part4 ul li p { position: relative;margin: 0 20px;}
#das_part4 ul li p::before {content: '';width: 4px;height: 4px;background: #555;position: absolute;top: 8px;left: -10px;border-radius: 50%;}
#das_part4 ul li:hover { box-shadow: 0 0 30px rgba(0,0,0,0.1);}