*{ margin:0px; padding:0px;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#000000; font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif!important; height: 100%;}
img{ vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; -webkit-touch-callout:none}
li{ list-style:none;}
input:-moz-placeholder { color: #dddddd; }
::-webkit-input-placeholder { color:#dddddd; }
a{ text-decoration:none !important;}
em,i{ font-style:normal;}
.clear{clear:both}
/* 去除Chrome等浏览器文本框默认发光边框 */
input:focus, textarea:focus {
    outline: none;
}
/*去除iphone中input超大圆角的样式*/
input {-webkit-appearance:none; }
/*去除input number自带上下小箭头*/
input[type="number"]{-moz-appearance: textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.left{ float: left; }
.right{ float: right; }
html {
    font-size:60%
}
@media only screen and (min-width:321px) { /*iphone5*/
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) { /*三星note*/
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) { /*iphone6*/
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:94%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:109%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:125%!important
    }
}

.clients .box .captionsml{ display: none; }
.clients .box ul.mini{ display: none; }
.clients .box ul.mini.sml{ display: none; }
.video .swiper-container .nth1{background: url(../images/wallpaper1_1.jpg) 50% 20%; -moz-background-size: cover; background-size: cover;}
.video .swiper-container .nth2{background: url(../images/wallpaper1_1.jpg) 50% 20%; -moz-background-size: cover; background-size: cover;}
.video .swiper-container .swiper-slide .box{position: relative; top: 40%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.video .swiper-container .swiper-slide .box .top{font-size: 80px; color: #ffcc22; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; z-index: 10}
.video .swiper-container .swiper-slide.active .box .top{font-size: 40px; -moz-opacity: 1; opacity: 1}
.video .swiper-container .swiper-slide .box .mid{width: 358px; height: 66px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; background: url(../images/words.png) no-repeat 0px -219px; -moz-opacity: 0; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s}
.video .swiper-container .swiper-slide.active .box .mid{-moz-opacity: 1; opacity: 1}
.video .swiper-container .swiper-slide .box .bottom{width: 100%; color: #fff; font-size: 20px; line-height: 30px; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; transition: all .6s ease-in-out .3s; z-index: 10}
.video .swiper-container .swiper-slide.active .box .bottom{-moz-opacity: 1; opacity: 1}
.video .swiper-container .swiper-slide.active .box .top{font-size: 40px; -moz-opacity: 1; opacity: 1}

.business .box{position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.business .box p{ color: #033268; font-size: 36px; margin-bottom: 20px; }
.business .box p span{font-size: 24px; color: #333333; display: block;}
.business .box .items{ width: 1050px; margin: auto; margin-bottom:20px; }
.business .box .items li{ display: inline-block;margin-right: -4px; width: 24%; height: 300px; border-right: 1px #cdd6e1 solid;border-bottom: 1px #cdd6e1 solid; }
.business .box .items li.active{ background: #033268; }
.business .box .items li a{ display: block;position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; }
.business .box .items li a img{ width: 100px; }
.business .box .items li a span{ display: block; color: #555555; font-size: 24px; margin-top:30px; }
.noright{ border-right: none!important;}
.nobottom{ border-bottom: none!important;}
.business .box .foot-txt{ color: #033268; font-size: 18px; width: 1050px; display: block; margin: auto; }
@media (max-height: 650px) {
.business .box .items li{ height:200px;}
}
.cases .box{position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.cases .box .caption{ font-size:36px;color:#fff; font-weight:500;}
.cases .box .caption span{  display:block;}
.cases .box .swiper-container.items .swiper-slide:hover .shade span{position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; color:#000; font-size:16px; width:70%; display:block;}
.clients .box{position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.clients .box .items2 .list{position: relative; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.clients .box .items2 .list p{ color: #033268; font-size: 24px; }
.clients .box .items2 .list ul li{ width: 200px; height: 150px; display: inline-block; margin:0px 15px; width: 10rem; height: 7.5rem;vertical-align:middle; }
.clients .box .items2 .list ul li a{ display: block;  height: 100%; }
.clients .box .items2 .list ul li a.icon1{background: url(../images/items2-img1.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon1:hover{background: url(../images/items2-img1_over.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon2{background: url(../images/items2-img2.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon2:hover{background: url(../images/items2-img2_over.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon3{background: url(../images/items2-img3.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon3:hover{background: url(../images/items2-img3_over.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon4{background: url(../images/items2-img4.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon4:hover{background: url(../images/items2-img4_over.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon5{background: url(../images/items2-img5.png) no-repeat center; background-size: 100% 100%;}
.clients .box .items2 .list ul li a.icon5:hover{background: url(../images/items2-img5_over.png) no-repeat center; background-size: 100% 100%;}
.quality .box{position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.quality .box .caption{ font-size:36px;color:#fff; font-weight:500; margin-bottom: 77px;}
.quality .box .caption span{  display:block;}
.quality .box .list{ overflow: hidden; }
.quality .box .list li{width: 300px; height: 360px; display: inline-block; margin-left: -4px; position: relative; text-align: left;vertical-align:middle; width: 15rem;height: 18rem; }
.quality .box .list li.icon1{ background: url(../images/quality-img1.jpg) center; background-size: 100% 100%;}
.quality .box .list li.icon2{ background: url(../images/quality-img2.jpg) center; background-size: 100% 100%;}
.quality .box .list li.icon3{ background: url(../images/quality-img3.jpg) center; background-size: 100% 100%;}
.quality .box .list li.icon4{ background: url(../images/quality-img4.jpg) center; background-size: 100% 100%;}
.quality .box .list li p{ position: absolute; color: #fff; font-size: 16px; padding: 0px 22px; }
.quality .box .list li p span{ display: block; font-size: 20px; margin-bottom: 10px; }
.quality .box .list li p.bottom{ bottom: 20px; }
.quality .box .list li p.top{ top: 30px; }
.aboutus .caption{ font-size: 60px; color: #033268; text-align: center; margin-top: 173px; }
.aboutus .swiper-container{width: 500px; top: 45%; left: 20%; position: absolute; }
.aboutus .swiper-container .swiper-slide p{ color: #033268; font-size: 16px; line-height: 30px; text-indent:2em; }
.aboutus .swiper-pagination{ right: 20%; top: 40%; width: 100px; }
.aboutus .swiper-pagination span{ width: 100px; height: 60px; line-height: 60px; border-radius: 0px; background: #0e3a6d; opacity: 0.8;filter:Alpha(opacity=80); color: #fff; font-size: 18px;}
.aboutus .swiper-pagination span.swiper-pagination-bullet-active{ background: #0e3a6d;opacity: 1;filter:Alpha(opacity=100);}
.contact .box{position: relative; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto;}
.contact .box .caption{ margin-bottom: 70px; }
.contact .box .caption p{ color: #ffcc22; font-size: 24px;  }
.contact .box .caption p span{ display: block; font-size: 36px; }
.contact .box .map{ overflow: hidden; margin-bottom: 100px; }
.contact .box .map .message{ color: #fff; font-size: 18px; width: 300px; text-align: left; }
.contact .box .map .message ul li{ display: table; margin-bottom: 5px; }
.contact .box .map .message ul li span{ display: table-cell; width: 90px; }
.contact .box .map .message ul li em{ display: table-cell; }
.contact .box .foot p{ color: #aaa; font-size: 20px; margin-bottom: 10px; }


@media all and (max-width: 768px){
.video .innerBox .news a.more{ display: none; }
.video .swiper-container .swiper-slide .box .top{ font-size: 25px; }
.video .swiper-container .swiper-slide.active .box .top{ font-size: 16px; }
.video .swiper-container .swiper-slide .box .bottom{ font-size: 14px; }
.video .innerBox .news{ margin-bottom: 30px;text-align: center; }
.business .box p{ font-size: 24px; margin-bottom: 0px; }
.business .box p span{ font-size: 16px; }
.business .box .items{ width: 100%; overflow: hidden;margin-bottom: 0px;  }
.business .box .items li{ border: none; float: left; width: 50%; height: 90px; }
.business .box .items li a{ overflow: hidden; }
.business .box .items li a img{width: 30%; display: inline-block;}
.business .box .items li a span{ display: inline-block; font-size: 12px; margin-top: 0px; }
.business .box .foot-txt{ width: 100%;  font-size: 14px;}
.cases .box .caption{ font-size: 20px; }
.cases .box .caption span{ font-size: 16px; }
.cases .swiper-wrapper{ display: block; }
.cases .box .swiper-container.items{ margin-top: 20px;width: 100%; }
.cases .box .swiper-container.items .swiper-slide{ width: 45%;margin: 0px; display: inline-block; float: none; margin:5px; }
.cases .box .swiper-container.items .swiper-slide img{ width: 100%; height: 140px; }
.cases .box .swiper-container.items .swiper-slide .shade{ display: none; }
.cases .box .swiper-container.items .swiper-slide .bg{ width: 100%; }
.cases .box .swiper-container.items .swiper-slide .bg u{ width: 100%; display: none; }
.cases .box .swiper-container.items .swiper-slide p{ font-size: 12px; }
.cases .box a.more{ margin-top: 10px; }
.clients .box{ top: 55%; }
.clients .box .captionsml{ display: block; }
.clients .box ul{ overflow: hidden; height: 330px; width: 70%; margin: auto;}
.clients .box ul.items, .clients .box div.items2{ display: none; }
.clients .box ul.mini{ display: block; margin-bottom: 10px; }
.clients .box ul.mini.sml{ display: block; }
.clients .box ul.mini li.bg.all{width: 70%; height: 330px; position: absolute; margin: auto; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30);}
.clients .box ul.mini li i{color: #00dfb8; font-size: 30px; display: inline-block;vertical-align:middle; margin: 0px 5px;}
.clients .box ul.mini.sml{ height: 120px; }
.clients .box ul.mini.sml li.bg.all{width: 70%; height:120px;}
.clients .box .caption{ font-size: 14px; }
.clients .box .caption span{ font-size: 18px; }
.quality .box{ top: 55%; }
.quality .box .caption{ font-size: 20px; margin-bottom: 20px; }
.quality .box .list li{width: 42%;}
.quality .box .list li img{ width: 100%; }
.quality .box .list li p{ padding: 0px 5px; font-size: 12px; }
.quality .box .list li p span{ font-size: 14px; margin-bottom: 0px; }
.quality .box .list li p.top{ top: 0px; }
.quality .box .list li p.bottom{ bottom: -10px; }
.quality .box .caption{ margin-bottom: 0px; }
.aboutus .caption{ margin-top: 60px; font-size: 20px; }
.aboutus .swiper-pagination{ width: 240px; right: 50%; top: 24%; margin-right: -120px;}
.aboutus .swiper-pagination span{ width: 80px; height: 40px; line-height: 40px; }
.aboutus .swiper-container{ width: 80%;top: 35%;left: 50%;margin-left: -40%;}
.aboutus .swiper-container .swiper-slide p{ font-size: 14px; line-height: 20px; }
.contact .box{ width: 100%; }
.contact .box .caption{ margin-bottom: 0px; }
.contact .box .map{ margin-bottom: 0px; }
.contact .box .map .message{ width: 80%; margin: auto; float: none; }
.contact .box .map .message ul li span{ font-size: 12px; }
.contact .box .map .message ul li em{ font-size: 12px; }
.contact .box .caption p{ font-size: 14px; }
.contact .box .caption p span{ font-size: 16px; }
.contact .box #map{ width: 80%!important; height: 150px!important; margin: auto; float: none; margin-bottom: 10px; }
.contact .box .foot p{ font-size: 14px; }
.contact .box{ top: 55%; }

.business .box .items li{height: 164px;}
.cases .box .swiper-container.items .swiper-slide img{ height: 230px; }
.clients .box ul{height: 440px;}
.clients .box ul.mini li.bg.all{ height: 440px; }
.clients .box ul.mini li{ font-size: 16px; }
.clients .box ul.mini.sml{ height: 200px; }
.clients .box ul.mini.sml li.bg.all{ height: 200px; }
.clients .box .caption span{ font-size: 25px; }
.clients .box .caption{ font-size: 20px; }
}

@media all and (max-width: 767px){
.video .innerBox .news a.more{ display: none; }
.video .swiper-container .swiper-slide .box .top{ font-size: 25px; }
.video .swiper-container .swiper-slide.active .box .top{ font-size: 16px; }
.video .swiper-container .swiper-slide .box .bottom{ font-size: 14px; }
.video .innerBox .news{ margin-bottom: 30px;text-align: center; }
.business .box{ top: 55%; }
.business .box p{ font-size: 24px; margin-bottom: 0px; }
.business .box p span{ font-size: 16px; }
.business .box .items{ width: 100%; overflow: hidden;margin-bottom: 0px;  }
.business .box .items li{ border: none; float: left; width: 50%; height: 90px; }
.business .box .items li a{ overflow: hidden; }
.business .box .items li a img{width: 30%; display: inline-block;}
.business .box .items li a span{ display: inline-block; font-size: 12px; margin-top: 0px; }
.business .box .foot-txt{ width: 100%;  font-size: 14px;}
.cases .box .caption{ font-size: 20px; }
.cases .box .caption span{ font-size: 16px; }
.cases .swiper-wrapper{ display: block; }
.cases .box .swiper-container.items{ margin-top: 20px;width: 100%; }
.cases .box .swiper-container.items .swiper-slide{ width: 45%;margin: 0px; display: inline-block; float: none; margin:5px; }
.cases .box .swiper-container.items .swiper-slide img{ width: 100%; height: 140px; }
.cases .box .swiper-container.items .swiper-slide .shade{ display: none; }
.cases .box .swiper-container.items .swiper-slide .bg{ width: 100%; }
.cases .box .swiper-container.items .swiper-slide .bg u{ width: 100%; display: none; }
.cases .box .swiper-container.items .swiper-slide p{ font-size: 12px; }
.cases .box a.more{ margin-top: 10px; }
.clients .box{ top: 55%; }
.clients .box .captionsml{ display: block; }
.clients .box ul{ overflow: hidden; height: 270px; width: 70%; margin: auto;}
.clients .box ul.items, .clients .box div.items2{ display: none; }
.clients .box ul.mini{ display: block; margin-bottom: 10px; }
.clients .box ul.mini.sml{ display: block; }
.clients .box ul.mini li.bg.all{width: 70%; height: 270px; position: absolute; margin: auto; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30);}
.clients .box ul.mini li i{color: #00dfb8; font-size: 30px; display: inline-block;vertical-align:middle; margin: 0px 5px;}
.clients .box ul.mini.sml{ height: 120px; }
.clients .box ul.mini.sml li.bg.all{width: 70%; height:120px;}
.clients .box .caption{ font-size: 14px; }
.clients .box .caption span{ font-size: 18px; }
.quality .box{ top: 55%; }
.quality .box .caption{ font-size: 20px; margin-bottom: 20px; }
.quality .box .list li{width: 42%;}
.quality .box .list li img{ width: 100%; }
.quality .box .list li p{ padding: 0px 5px; font-size: 12px; }
.quality .box .list li p span{ font-size: 14px; margin-bottom: 0px; }
.quality .box .list li p.top{ top: 0px; }
.quality .box .list li p.bottom{ bottom: -10px; }
.quality .box .caption{ margin-bottom: 0px; }
.aboutus .caption{ margin-top: 60px; font-size: 20px; }
.aboutus .swiper-pagination{ width: 240px; right: 50%; top: 24%; margin-right: -120px;}
.aboutus .swiper-pagination span{ width: 80px; height: 40px; line-height: 40px; }
.aboutus .swiper-container{ width: 80%;top: 35%;left: 50%;margin-left: -40%;}
.aboutus .swiper-container .swiper-slide p{ font-size: 14px; line-height: 20px; }
.contact .box{ width: 100%; }
.contact .box .caption{ margin-bottom: 0px; }
.contact .box .map{ margin-bottom: 0px; }
.contact .box .map .message{ width: 80%; margin: auto; float: none; }
.contact .box .map .message ul li span{ font-size: 12px; }
.contact .box .map .message ul li em{ font-size: 12px; }
.contact .box .caption p{ font-size: 14px; }
.contact .box .caption p span{ font-size: 16px; }
.contact .box #map{ width: 80%!important; height: 150px!important; margin: auto; float: none; margin-bottom: 10px; }
.contact .box .foot p{ font-size: 14px; }
.contact .box{ top: 55%; }



}

@media all and (max-width: 321px){
.business .box{top: 54%;}
.video .innerBox .news{ margin-bottom: 20px; }    
.video .innerBox{ bottom: 10px; }
.business .box .items li{height:60px; }
.business .box .items li a{ overflow: hidden; }
.business .box .items li a img{width: 25%; display: inline-block;}
.business .box .items li a span{ display: inline-block; font-size: 12px; margin-top: 0px; }
.business .box .foot-txt{ width: 100%;  font-size: 14px;}
.cases .box{top: 54%;}
.cases .box .swiper-container.items .swiper-slide img{ width: 100%; height: 100px; }
.cases .box .swiper-container.items{ margin-top: 0px; }
.cases .box a.more{ font-size: 20px; }

.clients .box ul{ overflow: hidden; height: 200px; width: 70%; margin: auto;}
.clients .box ul.items, .clients .box div.items2{ display: none; }
.clients .box ul.mini{ display: block; margin-bottom: 10px; }
.clients .box ul.mini.sml{ display: block; }
.clients .box ul.mini li{ height: 30px; }
.clients .box ul.mini li.bg.all{width: 70%; height: 200px; position: absolute; margin: auto; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30);}
.clients .box ul.mini li i{color: #00dfb8; font-size: 30px; display: inline-block;vertical-align:middle; margin: 0px 5px;}
.clients .box ul.mini.sml{ height: 120px; }
.clients .box ul.mini.sml li.bg.all{width: 70%; height:120px;}
.clients .box .caption{ font-size: 14px; }
.clients .box .caption span{ font-size: 18px; }

}
@media all and (max-width: 500px){
.dock{ display: none; } 
}