@charset "utf-8";
.case-wrap .case-img ul:after, .case-wrap:after, .cooperation-wrap .cooperation .cooperation-img .table:after, .news-wrap .news-right .news-right-wrap:after, .news-wrap .news-wrap-content:after, .news-wrap:after, .service .service-img:after, .strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul:after, .text .icon:after{clear: both}
.text-autocut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.text-space-no{white-space: nowrap;word-wrap: normal;word-break: keep-all}
.text-space-yes{white-space: normal;word-wrap: break-word;word-break: break-all}
.text-c{text-align: center!important}
.text-l{text-align: left!important}
.text-r{text-align: right!important}
.index-floor, .index-title, .service{text-align: center}
.index-title .cn{font-size: 36px;font-weight: 700;margin-bottom: 10px}
.index-title .en{color: #3d3d3d;font-weight: 100;font-size: 18px}
.index-title .en em{color: #004e9b;font-weight: 400}
.table-fixed{width: 100%;height: 100%;display: table}
.table-fixed .table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%}
.swiper-pagination-bullet{width: 85px;height: 6px;border-radius: 0;background: #fff;opacity: 1}
.swiper-pagination-bullet-active{background: #004e9b;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10%}
.swiper-container-banner{width: 100%;overflow: hidden;height:810px;position: relative}
.swiper-container-banner a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden}
.swiper-container-banner img{display: block;position: absolute;left: 50%;width: 1920px;height: 100%;margin-left: -960px}
.service{width: 1200px;margin: 0 auto;color: #5B5857;padding-bottom: 35px;}
.service .service-img{margin-top: 28px}
.service .service-img:after, .service .service-img:before{content: " ";display: table}
.service .service-img a{float: left;margin-left: 20px; padding-bottom: 30px;}
.service .service-img a:first-child{margin-left: 0}
.service .service-img .img{position: relative;width: 386px;height: 232px;-webkit-transition: .5s;transition: .5s}
.service .service-img .img:hover{box-shadow: 0 15px 30px rgba(0,0,0,.3);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);-webkit-transition: .5s;transition: .5s}
.service .service-img .img img{width: 386px;height: 232px;display: block}
.service .service-img .img i{position: absolute;left: 0;bottom: 0;width: 100%; top: 35px;}
.service .service-img .img .text{color: #000;font-size:16px;position: absolute;bottom: 5px;left: 10px;text-align: left;top: 335px;}
.text h2, .text p{text-align: center}
.service .service-img .img .text h5{font-weight: 700;float: left;color: #fff;}
.service .service-img .img .text p{font-size: 14px;font-weight: 100;line-height: 18px}
.text .icon{width: 65px;height: 63px;margin: 0 auto}
.text .icon:after, .text .icon:before{content: " ";display: table}
.text .icon img{width: 100%;height: 100%;display: block}
.text h2{font-size: 30px;/*line-height: 52px;letter-spacing: 4px;*/font-weight: 700;position: relative}
.text h2 .left, .text h2 .right{position: absolute;top: 22px;left: 0}
.text h2 .left .line, .text h2 .right .line{position: relative}
.text h2 .left .line:after, .text h2 .left .line:before, .text h2 .right .line:after, .text h2 .right .line:before{content: '';width: 500px;height: 1px;background-color: #ccc;/*position: absolute;*/left: 0;display: block}
.text h2 .left .line:before, .text h2 .right .line:before{top: 0}
.text h2 .left .line:after, .text h2 .right .line:after{top: 12px}
.text h2 .right{left: 700px}
.text p{font-size: 14px;line-height: 24px}
.strength-wrap{height: 855px;background: #eee ;margin-bottom: 60px}
.strength-wrap .strength{width: 1200px;margin: 0 auto}
.strength-wrap .strength .text{padding: 60px 0 40px;}
.cooperation-wrap .cooperation .text a{color: #fff}
.strength-wrap .strength .synopsis{height: 700px}
.strength-wrap .strength .synopsis .synopsis-left, .strength-wrap .strength .synopsis .synopsis-right{float: left;height: 627px;}
.strength-wrap .strength .synopsis .synopsis-left{padding: 0 38px 0 28px;width: 550px;background-color: #f9f9f9;position: relative}
.strength-wrap .strength .synopsis .synopsis-left .name{margin-top: 40px;font-size: 28px;font-weight: 700;line-height: 30px}
.strength-wrap .strength .synopsis .synopsis-left .content{margin-top: 10px;text-align: justify;line-height: 24px;font-size: 14px;color: #666;overflow: hidden;height: 196px}
.strength-wrap .strength .synopsis .synopsis-left .synopsis-more{margin-top: 46px;position: relative; z-index: 999;}
.strength-wrap .strength .synopsis .synopsis-left .synopsis-more a{font-size: 16px;line-height: 24px;color: #004e9b}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li.active, .strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li:hover{color: #004e9b}
.strength-wrap .strength .synopsis .synopsis-left .img{width: 620px;height: 360px;position: absolute;left: 0;bottom: 0; top: 267px;}
.strength-wrap .strength .synopsis .synopsis-left .img img{width: 550px;height: 100%;display: block}
.strength-wrap .strength .synopsis .synopsis-right{background: url(/doa/skin/img/demo-hjzs-img-bj02.jpg) no-repeat;width: 650px;background-position-y: bottom;height: 627px;}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate{position: relative;background-color: #fff}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul:after, .strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul:before{content: " ";display: table}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li{float: left;border-left: 1px solid #f2f2f2;width: 33.33333333%;text-align: center;font-size: 16px;position: relative;line-height: 80px;z-index: 10}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li:first-child{border-left: 0}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li.active i{display: block}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li span{display: inline-block;vertical-align: middle;font-weight: 700;font-size: 32px;margin-right: 12px}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li i{display: none;position: absolute;bottom: -18px;z-index: 10;left: 50%;margin-left: -10.5px}
.strength-wrap .strength .synopsis .synopsis-right .nav-certificate ul li i img{width: 100%;height: 100%;display: block}
.strength-wrap .strength .synopsis .synopsis-right .content{height: 545px;position: relative;z-index: 1;color: #fff}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img{padding-top: 45px;position: absolute;left: 115px;top:78px;background: url(/doa/skin/img/hjzs-bj03.png) no-repeat;height: 330px;width: 550px;display: none}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.cur{display: block}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .content-text{position: absolute;left: 0;padding-left: 30px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .content-text .text{font-weight: 700;line-height: 46px;padding: 0;font-size: 28px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .content-text .name{font-size: 38px;line-height: 58px;font-weight: 700;letter-spacing: 6px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .content-text .intr{font-size: 20px;line-height: 40px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .content-text .left-intr{font-size: 26px;margin-top: 42px;margin-left: -2px;letter-spacing: 3px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .img{position: absolute;right: 120px;top: 160px;width: 190px;height: 280px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img .img img{width: 100%;/*height: 100%;*/display: block}
.case-wrap .case-img ul:after, .case-wrap .case-img ul:before, .case-wrap:after, .case-wrap:before{display: table;content: " "}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content2{width: 580px;left: 120px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content2 .img{width: 350px;height: 361px;right: 80px;top: 40px;}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content2 .left-intr{margin-left: -85px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content3{width: 580px;left: 135px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content3 .img{width: 324px;height: 230px;right: 100px}
.strength-wrap .strength .synopsis .synopsis-right .content .content-img.content3 .left-intr{margin-left: -85px}


.case-wrap{width: 1200px;margin: 0 auto;padding: 40px 0;}
.chanpin{height:850px;background: url(/doa/skin/img/hjzs-bj01.jpg);}
.case-wrap .text .icon{width: 70px}
.case-wrap .intr{text-align: center;padding: 20px 0 40px}
.case-wrap .intr p{font-size:0;}
.case-wrap .intr a:hover{color:#03F;}
.case-wrap .intr a{font-size: 16px; color: #000; width: 134px; display: inline-block; background-color: #ccc; height: 45px; line-height: 45px; margin-left: 18px;}
.case-wrap .intr a.jingguo{background-color:#0061c1; color: #fff;}
.case-wrap .intr span{color: #999;margin: 0 30px}
.case-wrap .case-img li{margin-bottom: 20px;float: left;margin-left: 15px;position: relative; height: 266px;border: 1px solid #eee;}
.case-wrap .case-img li:nth-child(4n+1){margin-left: 0px;}
.case-wrap .intr a:first-child{margin-left: 0px;}
.case-wrap .case-img li:hover .text{background-color: #20343f;height: 100%;-webkit-transition: .5s;transition: .5s;filter: alpha(opacity=80);opacity: .8}
.case-wrap .case-img li:hover .mask{-webkit-transition: .5s;transition: .5s;filter: alpha(opacity=80);opacity: .8}
.case-wrap .case-img li .img{width: 285px;height:214px;}
.case-wrap .case-img li .img img{width: 80%;height: 80%;display: block; margin: 10%;}
.case-wrap .case-img li .text{position: absolute;left: 0;bottom: 0;padding-top: 5px;height: 50px;background-color:#253a5469;text-align: center;width: 100%;filter: alpha(opacity=90);opacity: .9; overflow:hidden}
.case-wrap .case-img li .text p{font-size: 15px;line-height: 22px}
.case-wrap .case-img li .mask{padding: 130px 90px 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;filter: alpha(opacity=0);opacity: 0;-webkit-transition: .3s;transition: .3s}
.case-wrap .case-img li .mask p{line-height: 36px;color: #fff;text-align: center;filter: alpha(opacity=100);opacity: 1;font-size: 16px;overflow: hidden;height: 218px}
.case-wrap .case-img li .mask p span{font-weight: 700}
.more{width: 200px;height: 48px;border-radius: 25px;border: 1px solid #004e9b;margin: 20px auto 0}
.more a{display: block;color: #004e9b;font-size: 16px;text-align: center;line-height: 48px}
.more a i{margin-left: 10px}
.more a i img{display: inline-block;vertical-align: -2px}
.cooperation-wrap{/*background-color: #484848;*/height: 510px;margin: 60px 0;padding: 60px 0;background: url(/doa/skin/img/hjzs-bj04.jpg) no-repeat #f9f9f9;}
.cooperation-wrap .cooperation{width: 1200px
;margin: 0 auto}
.cooperation-wrap .cooperation .text .icon{width: 76px;height: 55px}
.cooperation-wrap .cooperation .text h2{margin-top: 6px}
.cooperation-wrap .cooperation .cooperation-img{margin-top: 30px}
.cooperation-wrap .cooperation .cooperation-img .table{background-color: #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
.cooperation-wrap .cooperation .cooperation-img .table:after, .cooperation-wrap .cooperation .cooperation-img .table:before{content: " ";display: table}
.cooperation-wrap .cooperation .cooperation-img .td{width: 20%;float: left;height: 140px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;line-height: 140px;text-align: center}
.cooperation-wrap .cooperation .cooperation-img .td .img a img{display: inline-block;vertical-align: middle;max-width: 230px;max-height: 105px;width: auto;height: auto}
.news-wrap .news-wrap-content:after, .news-wrap .news-wrap-content:before, .news-wrap:after, .news-wrap:before{display: table;content: " "}

.news-bg{ background: #eee; padding-top: 40px; }
.news-wrap{width: 1200px;margin: 0 auto}
.news-wrap .text{margin-bottom: 40px}
.news-wrap .text .icon{width: 72px;height: 72px}
.news-wrap .more{margin-top:90px;}
.news-wrap .news-left{height: 460px;width: 460px;float: left}
.news-wrap .news-left .img{width: 100%;height: 330px}
.news-wrap .news-left .img img{width: 100%;height: 100%;display: block}
.news-wrap .news-left .news-left-text{margin-top: 16px}
.news-wrap .news-left .news-left-text p{line-height: 26px}
.news-wrap .news-left .news-left-text .name{font-size: 20px;line-height: 24px}
.news-wrap .news-left .news-left-text .time{color: #999;font-size: 14px}
.news-wrap .news-left .news-left-text .content{font-size: 16px;color: #666;overflow: hidden;height: 54px;text-align: justify}
.news-wrap .news-right{float: left;width:660px;margin-left:80px}
.news-wrap .news-right .news-right-wrap{display: block;margin-bottom: 30px}
.news-wrap .news-right .news-right-wrap:after, .news-wrap .news-right .news-right-wrap:before{content: " ";display: table}
.news-wrap .news-right .news-right-wrap:hover .news-right-date{background-color: #004e9b}
.news-wrap .news-right .news-right-wrap:hover .news-right-content .intr, .news-wrap .news-right .news-right-wrap:hover .news-right-content .name{color: #004e9b}
.news-wrap .news-right .news-right-date{width: 90px;height: 90px;background-color: #ccc;float: left;position: relative}
.news-wrap .news-right .news-right-date p{color: #fff}
.news-wrap .news-right .news-right-date .day{position: absolute;top: 11px;left: 11px;font-size: 16px}
.news-wrap .news-right .news-right-date .month{line-height: 100px;text-align: center;font-size: 30px;font-weight: 700}
.news-wrap .news-right .news-right-content{float: right;width: 550px}
.news-wrap .news-right .news-right-content .name{font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.news-wrap .news-right .news-right-content .intr{margin-top: 5px;text-align: justify;font-size: 16px;color: #666;line-height: 24px;overflow: hidden;height: 50px}
@-webkit-keyframes scale-bg{from{-webkit-transform: scale(1.2);transform: scale(1.2)}to{-webkit-transform: scale(1);transform: scale(1)}}
@keyframes scale-bg{from{-webkit-transform: scale(1.2);transform: scale(1.2)}to{-webkit-transform: scale(1);transform: scale(1)}}
.index_main{background: #f7f7f7; position: relative; }
.index_main .bg{ position:absolute; left: 0; top: 0; z-index: 99;}

.index_main #canvas{position: absolute; left: 0; top: 0; z-index: 100; background: #291d50a1; opacity: 0.5;}
.index_main .section1{position: relative; }
.index_main .section1 .index_banner .item{background-size: cover;-webkit-background-size: cover;background-position: center;background-repeat: no-repeat;height: 60vh;position: relative}
.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility: visible;-webkit-animation: scale-bg 6s linear forwards;animation: scale-bg 6s linear forwards}
.index_main .section1 .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.index_main .section1 .index_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;/*background:rgba(3, 32, 62, 0.28)*/}
.index_main .section1 .index_banner .item .inner .block_txt{position: absolute;top: 25%;right: 10px;left: 10px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 100ms;transition-delay: 100ms}
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 30px;color: #fff;text-align: center;font-family: coco}
.index_main .section1 .index_banner .item .inner .block_txt h2{color: #00162b;font-size: 60px;font-weight: 700;text-align: center;letter-spacing: 5px;text-transform:uppercase; }
.index_main .section1 .index_banner .item .inner .block_txt h2 span{color: #00162b;display: inline-block;letter-spacing: 5px;text-transform:uppercase; }
.index_main .section1 .index_banner .item .inner .block_txt h3{color: #00162b;font-size: 22px;text-align: center;margin-top: 10px;letter-spacing: 3px}
.index_main .section1 .slick_txt{width: 30%;height: 100%;background-color: transparent;transition: all 500ms ease;-webkit-transition: all 500ms ease;background-repeat: no-repeat;position: absolute;top: 0;font-size: 0;outline: 0;border: 0}
.index_main .section1 .left{left: 0}
.index_main .section1 .right{right: 0}
.index_main .section1 .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible}
.index_main .section1 .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition: all 500ms ease;opacity: 0;visibility: hidden}
.index_main .section1 .slick_txt .prev{background-image: url(/doa/skin/img/ban_prev.png);left: 60px}
.index_main .section1 .slick_txt .next{background-image: url(/doa/skin/img/ban_next.png);right: 60px}
.index_main .section1 .slick_txt .prev:hover{background-image: url(/doa/skin/img/ban_prev_hover.png)}
.index_main .section1 .slick_txt .next:hover{background-image: url(/doa/skin/img/ban_next_hover.png)}
.index_main .section1 .number{position: absolute;bottom: 8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.index_main .section1 .number span{font-family: myriad pro,microsoft yahei;font-size: 14px;color: #fff;margin-right: 100px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition: all 500ms ease}
.index_main .section1 .number span:last-child{margin-right: 0}
.index_main .section1 .number span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: -20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease}
.index_main .section1 .number span.active:after{width: 100%;opacity: 1;visibility: visible}
/*.slick-list.draggable{height:550px;}*/