/*base img 10 top  */
html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font-family: "microsoft yahei";color: #595757;font-size: 14px;}
.clearfix{clear: both; display: table;content: " ";}
.clearfix:after,.clearfix:before{clear: both;content: " ";display: block;}
img{max-width: 100%;}
ul,li,p,dl,dd,dt,label,div,body,button,input,h1{list-style: none;padding: 0;margin: 0;}
input[type="text"],input[type="password"],input[type="button"],input[type="number"],input[type="submit"],input[type="file"]{-webkit-tap-highlight-color: transparent;background-color:transparent;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration: none;color: #595757;}
*:focus ,input{ outline: none;background-color:transparent; }
a:hover, a:focus{text-decoration: none;}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
.fl{float: left;}
.fr{float:right;}
/*index*/
#header{width: 100%;height:569px;}
.h-top{background: #262934;height: 24px;line-height: 24px;}
.container{width: 1024px;margin: 0 auto;}
.h-top ul li{display: inline-block;color: #B2B2B2;border-right: 1px solid #525863;height:16px;line-height:16px;margin-right: 10px;padding-right: 10px;}
.h-top ul li a{color: #B2B2B2;}
.h-top .h-l li:nth-child(2),.h-top .h-r li:nth-child(6){border:none;}
.h-top .h-l{float: left;}
.h-top .h-r{float: right;font-size: 16px;}
.h-top i{color: #0468BD;font-size: 16px;margin-right:8px;width: 20px;height: 16px;display: inline-block;vertical-align: top;}
.h-top .h-l i.fa-phone{background: url(../img/ico_01.png) no-repeat 0 0;margin-right: 0;}
.h-top .h-l i.fa-envelope{background: url(../img/ico_01.png) no-repeat 0 -23px;height: 13px;vertical-align: bottom;}
.h-top .h-r i.fa-weixin{background: url(../img/ico_01.png) no-repeat 0 -41px;}
.h-top .h-r i.fa-weibo{background: url(../img/ico_01.png) no-repeat 0 -62px;}
.h-top .h-r i.fa-tencent-weibo{background: url(../img/ico_01.png) no-repeat 0 -85px;}
.h-top .h-r i.fa-renren{background: url(../img/ico_01.png) no-repeat 0 -107px;}
.h-top .h-r i.fa-qq{background: url(../img/ico_01.png) no-repeat 0 -130px;}
.h-top .h-r i.fa-t{background: url(../img/ico_01.png) no-repeat 0 -151px;height: 18px;}

.h-fff{background: rgba(255,255,255,0.8);height: 66px;position: relative;z-index: 2;box-shadow: 0 1px 12px 0px rgba(0,0,0,0.3);}
.h-fff .logo{display: inline-block;margin-top:5px;}
.h-fff .navmenu li{height: 66px;color: #393F44;font-size: 16px;display: inline-block;width:90px;    text-align: center;}
.h-fff .navmenu li .e-ico{background: url(../img/e_ico.png) no-repeat center center;height: 24px;margin: 5px 0 5px 0;display: none;}
.h-fff .navmenu li:hover{background: #0468BD;}
.h-fff .navmenu li:hover .e-ico,.h-fff .navmenu li.active .e-ico{display: block;}
.h-fff .navmenu li:hover a,.h-fff .navmenu li.active a{color: #BDCCD4;}
.h-fff .navmenu li.active{background: #0468BD;}
.banner{background: #000;position: relative;top: -66px;}
.banner li a img{width: 100%;height: 540px;}
.banner li p{width:700px;height:307px;position: absolute;top:55%;left: 50%;margin: -153.5px 0 0 -350px;display: none;}
.slider{height:540px;overflow: hidden;position: relative;z-index: 1;}
.slider-extra{position: absolute;bottom: 10px; text-align: center;width: 100%;}
.slider-extra li{display: inline-block;margin: 0 3px;}
.slider-item{width: 13px;height: 13px;border-radius: 50%;border: 1px solid #4D4C4C;}
.slider-item.slider-item-selected{border:1px solid #086291;background: #086291;}

.hotnews{height: 44px;line-height: 44px;width: 100%;overflow: hidden;display: inline-block;}
.hotnews #fontscroll{width: 70%;}
.hotnews .fl{width:90%;}
.hotnews li{width: 60%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: url(../img/hot_news_img.png) no-repeat left center;padding-left:30px ;display: block;}
.blue-bg{background:url(../img/blue_img_b.png) repeat-x left bottom #2D98D5;width: 100%;padding:35px 0 130px 0;text-align: center;}
.fwly{margin-top: 15px;}
.fwly .title{text-align: center;width: 100%;position: relative;}
.fwly .title hr{border:none;border-bottom: 1px solid #0468BD;height: 1px;width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);z-index: 1;}
.fwly .title p{background: #fff;padding: 0 15px;display: inline-block;position: relative;z-index: 2;}
.fwly .title p span{display: block;}
.fwly .title p span:nth-child(1){color: #36393A;font-size: 28px;margin-bottom: 5px;}
.fwly .title p span:nth-child(2){color: #9A9A9A;font-size: 22px;}
.fwly .fwly-list{margin-top: 40px;margin-bottom: 40px;}
.fwly .fwly-list li{display: inline-block;width: 25%;padding: 0 20px;box-sizing: border-box;float: left;text-align: center;}
.fwly .fwly-list li p{display: block;}
.fwly .fwly-list li .img{height:111px;margin-bottom: 10px;}
.fwly .fwly-list li .tl{margin:20px 0;color:#0468BD;font-size: 20px;}
.fwly .fwly-list li .des{line-height:26px;font-size: 16px;}
.fwnl{margin-top: 15px;}
.fwnl-list{position: relative;height: 600px;width: 100%;}
.fwnl-list .img-b{position: absolute;left: 5%;bottom: 0;}
.fwnl-list .circle{width: 130px;height: 130px;border-radius:50%;position: absolute;font-size: 18px;color: #fff;text-align: center;}
.fwnl-list .circle img{opacity: 0;position: absolute;top: -26%;left: -27%;z-index: 1;}
.fwnl-list .circle span{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 100%;padding: 0 25px;width: 68%;cursor: pointer;z-index: 2;}
.fwnl-list .red{background: #E26161;left: 36%;top: 19%;box-shadow:0 0 3px 3px rgba(226,97,97,0.5);border: 2px solid rgba(226,97,97,0.5);}

.fwnl-list .red:hover{animation: 1.3s ease-in-out 0s normal none infinite running scaleout;cursor: pointer;}
.fwnl-list .circle:hover img{opacity:1;animation: 1.3s ease-in-out 0s normal none infinite running ruing;max-width: 198px;height: 198px;}
@keyframes ruing {
0% {
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(1.1);
}
}
@keyframes scaleout {
0% {
    box-shadow: 0 0 5px 5px rgba(226,97,97,0.5);
   
}
50% {
    box-shadow: 0 0 8px 8px rgba(226,97,97,0.5);
}
100% {
    box-shadow: 0 0 3px 3px rgba(226,97,97,0.5);
}
}
.fwnl-list .yellow{background: #E8A40C;left:69%;top: 9%;box-shadow:0 0 3px 3px rgba(232,164,12,0.5);}
.fwnl-list .yellow:hover{animation: 1.3s ease-in-out 0s normal none infinite running scaleout02;cursor: pointer;}
@keyframes scaleout02 {
0% {
    box-shadow: 0 0 5px 5px rgba(232,164,12,0.5);
}
50% {
    box-shadow: 0 0 8px 8px rgba(232,164,12,0.5);
}
100% {
    box-shadow: 0 0 3px 3px rgba(232,164,12,0.5);
}
}
.fwnl-list .zise{background: #D068EA;left: 56%;top: 36%;box-shadow:0 0 3px 3px rgba(208,104,234,0.5);}
.fwnl-list .zise:hover{animation: 1.3s ease-in-out 0s normal none infinite running scaleout03;cursor: pointer;}
@keyframes scaleout03 {
0% {
    box-shadow: 0 0 5px 5px rgba(208,104,234,0.5);
}
50% {
    box-shadow: 0 0 10px 10px rgba(208,104,234,0.5);
}
100% {
    box-shadow: 0 0 2px 2px rgba(208,104,234,0.5);
}
}
.fwnl-list .blue{background: #14A2AD;left: 81%;top: 34%;box-shadow:0 0 3px 3px rgba(20,162,173,0.5);}
.fwnl-list .blue:hover{animation: 1.3s ease-in-out 0s normal none infinite running scaleout04;cursor: pointer;}
@keyframes scaleout04 {
0% {
    box-shadow: 0 0 5px 5px rgba(20,162,173,0.5);
}
50% {
    box-shadow: 0 0 10px 10px rgba(20,162,173,0.5);
}
100% {
    box-shadow: 0 0 2px 2px rgba(20,162,173,0.5);
}
}
.fwnl-list .green{background: #7CB545;left: 72%;top: 64%;box-shadow:0 0 3px 3px rgba(124,181,69,0.5);}
.fwnl-list .green:hover{animation: 1.3s ease-in-out 0s normal none infinite running scaleout05;cursor: pointer;}
@keyframes scaleout05 {
0% {
    box-shadow: 0 0 5px 5px rgba(124,181,69,0.5);
}
50% {
    box-shadow: 0 0 10px 10px rgba(124,181,69,0.5);
}
100% {
    box-shadow: 0 0 2px 2px rgba(124,181,69,0.5);
}
}

.corprate{margin-top: 30px;}
.corprate .fwly-list li{height: 115px;padding:0 10px;line-height: 115px;}
.corprate .fwly-list li img{vertical-align: middle;}
#footer{background: #262934;width: 100%;text-align: center;padding: 20px 0;margin-top: 20px;font-size: 12px;}
#footer p{margin-bottom: 10px;}
#footer p a{color: #C2C2D3;display: inline-block;padding: 0 15px;border-right: 1px solid #C2C2D3;}
#footer p a:nth-child(7),#footer p:nth-child(2) a:nth-child(1){border: none;}
/*capability-banner*/
#header.capability-h{height:606px;}
.capability-banner{ background: url(../img/blue_b_img.png) repeat-x left bottom #000;padding-bottom: 41px;}
.nldes{font-size: 18px;line-height: 28px;margin: 20px 0;}
.nldes-list{width: 100%;}
.nldes-list li{display: inline-block;width: 20%;padding: 0 5px;box-sizing: border-box;float: left;text-align: center;cursor: pointer;}
.nldes-list li .img{width: 91px;height: 91px;   display: inline-block;}
.nldes-list li .nlimg{background: url(../img/nlimg01_img.png) no-repeat;}
.nldes-list li.active .nlimg{background: url(../img/nlimg01_img_hover.png) no-repeat;}
.nldes-list li .nlimg01{background: url(../img/nlimg02_img.png) no-repeat;}
.nldes-list li.active .nlimg01{background: url(../img/nlimg02_img_hover.png) no-repeat;}
.nldes-list li .nlimg02{background: url(../img/nlimg03_img.png) no-repeat;}
.nldes-list li.active .nlimg02{background: url(../img/nlimg03_img_hover.png) no-repeat;}
.nldes-list li .nlimg03{background: url(../img/nlimg04_img.png) no-repeat;}
.nldes-list li.active .nlimg03{background: url(../img/nlimg04_img_hover.png) no-repeat;}
.nldes-list li .nlimg04{background: url(../img/nlimg05_img.png) no-repeat;}
.nldes-list li.active .nlimg04{background: url(../img/nlimg05_img_hover.png) no-repeat;}

.nlstyle{margin-top:50px;}
.nlstyle .nlimg-bg{background: url(../img/nlimgbg01.png) no-repeat left top;padding-left:355px;    min-height: 531px;font-size: 18px;}
.nlstyle .nlimg-bg .title{font-size: 24px;color: #36393A;text-align: left;margin:0 0 20px 0;}
.nlstyle .nlimg-bg .info{margin-bottom: 20px;}
.nlstyle .nlimg-bg .desc{line-height:30px;}
.nlstyle .nlimg-bg .infoimg{text-align: center;margin-top: 10px;}
.nlstyle .showimg {margin: 10px 0 30px 0;width: 100%;}
.nlstyle .showimg li{display: inline-block;float: left;width: 25%;text-align: center;height: 115px;line-height: 115px;}
.nlstyle .showimg li img{vertical-align: middle;}
.nlstyle .nlimg-bg01{background: url(../img/nlimgbg02.png) no-repeat left top;}
.nlstyle .nlimg-bg02{background: url(../img/nlimgbg03.png) no-repeat left top;}
.nlstyle .nlimg-bg03{background: url(../img/nlimgbg04.png) no-repeat left top;}
.nlstyle .nlimg-bg04{background: url(../img/nlimgbg05.png) no-repeat left top;}
.nlstyle .ch{font-size: 18px;line-height:34px;}
.nlstyle .ch span{background: #f9d3d4;}
#nlimg01,#nlimg02,#nlimg03,#nlimg04{display: none;}
.adva .adva-list{width: 100%;margin-top: 30px;}
.adva .adva-list li{width:33.3%;box-sizing: border-box;padding:0 20px 0 50px;float: left;font-size: 16px;margin-bottom: 25px;min-height: 41px;}
.adva .adva-list li.a{background: url(../img/a.jpg) no-repeat;}
.adva .adva-list li.b{background: url(../img/b.jpg) no-repeat;}
.adva .adva-list li.c{background: url(../img/c.jpg) no-repeat;padding-right: 0;}
.adva .adva-list li.d{background: url(../img/d.jpg) no-repeat;}
.adva .adva-list li.e{background: url(../img/e.jpg) no-repeat;}
.adva .adva-list li.f{background: url(../img/f.jpg) no-repeat;padding-right: 0;}
.mobilepc{margin-top: 50px;margin-bottom:20px;text-align: center;}
.mobilepc .tl,.ptjs .tl{text-align: center;font-size: 28px;}
.mobilepc .m-img{margin-top: 30px;margin-top: 30px;}
.ptjs{margin-top: 30px;margin-bottom: 60px;}
.ptjs-bg{margin: 30px 0;width: 100%;text-align: center;background: #EAEAEA;height: 120px;    border-radius: 60px;overflow: hidden;}
.ptjs-bg li{display: inline-block;float: left;width:13.3%;position: relative;height: 120px;}
.ptjs-bg li.border{width: 10px;background: #fff;transform: rotate(19deg);}

.ptjs-bg li .info{position: absolute;top: 50%;transform: translate(0,-50%);width: 100%;}
.ptjs-bg li .ico{background: url(../img/ico.png) no-repeat 0 0;width: 100%;height: 27px;display: inline-block;background-position:center 0;background-size:29px;    margin-bottom: 12px;}
.ptjs-bg li:nth-child(3) .ico{background-position:center -34px;}
.ptjs-bg li:nth-child(5) .ico{background-position:center -69px;height: 39px;margin-bottom:0;}
.ptjs-bg li:nth-child(7) .ico{background-position:center -115px;height:24px;}
.ptjs-bg li:nth-child(9) .ico{background-position:center -143px;height:28px;}
.ptjs-bg li:nth-child(11) .ico{background-position:center -175px;height:26px;}
.ptjs-bg li:nth-child(13) .ico{background-position:center -205px;height:28px;}

.dxal{margin-top:0;padding-bottom: 115px;}
.dxal .title{text-align: center;width: 100%;position: relative;}
.dxal .title p{background: none;padding: 0 15px;display: inline-block;position: relative;z-index: 2;color: #C8ECFC;font-size: 22px;}
.dxal .title p span{display: block;}
#header.case-h{height:564px;}
/*案例页面*/
.c-info{margin-top: 30px;}
.tab-i{width:90%;box-sizing: border-box;border: 1px solid #6BBCD1;height: 36px;border-radius: 26px;font-size: 16px;margin: 0 auto;}
.tab-i li{display: inline-block;float:left;width: 14.28%;line-height: 36px;text-align: center;cursor: pointer;}
.tab-i li.active{background: #2D98D5;color: #fff;border-radius: 26px;}
#info01,#info02,#info03,#info04,#info05,#info06,#sz{display: none;}
.casestyle{margin-top: 20px;}
.casestyle .info-list{width: 100%;font-size: 16px;}
.casestyle .info-list li{width: 31%;margin:10px 11px;display: inline-block;float: left;text-align: center;box-shadow:1px 3px 10px 0px rgba(0,0,0,0.3);}
.casestyle .info-list li .img-bg{position: relative;width: 100%;height: 267px;
    overflow: hidden;margin-bottom:20px; }
.info-list li .img-bg .info-bg{display: none;position: absolute;width: 100%;height:267px;top: 0;left: 0;background:#0468BD;color: #fff;box-sizing: border-box;/*padding: 20px;*/line-height: 28px;overflow: hidden;}
.info-list li .img-bg .info-bg p{padding: 20px;}
 /*滚动条样式*/
/*
.info-list li .img-bg .info-bg::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);background-color:rgba(245,245,245,0.6);}
.info-list li .img-bg .info-bg::-webkit-scrollbar{	width: 6px;	background-color:rgba(245,245,245,0.6);}
.info-list li .img-bg .info-bg::-webkit-scrollbar-thumb{	background-color:rgba(0,0,0,0.5);}*/
@keyframes show {
0% {
    opacity: 0;
}
50% {
    opacity: 0.5;
}

100% {
    opacity: 1;
}
}
 /*滚动条样式*/
.info-list li p{margin:5px 0 20px 0;}
.info-list li p.gray{font-size: 14px;color: #666;margin-bottom:20px;display: none;}
.info-list li:hover .info-bg{display: block;animation: show 0.4s ease-in;}
.page{width: 100%;text-align: center;margin: 30px 0;}
.page .pre,.page .next{font-size:16px;display: inline-block;height: 20px;width: 20px;}
.page .current a{display: inline-block;font-size: 14px;width: 20px;height: 20px;margin: 0 10px;border-radius: 4px;}
.page .current a.active{background: #4B5477;color: #fff;}

/*abouts us*/
.ta-huodong{overflow: hidden;}
.aboutsbanner{margin: 0 auto;text-align: center;/*background: url(../img/blue_b_img.png) repeat-x left bottom #000;*//*padding-bottom:36px;*/height:auto;background: #fff;top: 0;}
.aboutsbanner img{min-width:1024px;}
#header.aboutus-h{height:auto;}
.aboutsinfo{width: 100%;margin: 30px 0;}
.aboutsinfo .fl{width: 50%;font-size: 18px;box-sizing: border-box;padding: 0 20px;}
.aboutsinfo .fl:nth-child(1){padding: 0 30px;}
.aboutsinfo .fl p{line-height:32px;text-indent: 36px;}
.aboutsinfo .fl li{display: block;width: 100%;background:;margin-bottom:20px ;position: relative;}
.aboutsinfo .fl li .ico{background: url(../img/a_bg.png) no-repeat;width: 132px;height: 132px;text-align: center;line-height: 132px;display: inline-block;color: #fff;font-size: 20px;}
.aboutsinfo .fl li .des{position: absolute;width:82%;height:46px;background: #EAEAEA;border-radius: 10px;right: 0;display: inline-block;top: 50%; transform: translate(0,-50%);z-index: -1;padding: 20px 0;text-align: center;line-height: 46px;}
.aboutsinfo .fl li .des img{margin-left: 10%;}
/*放灯片*/
.poster-main {position: relative;margin: 50px auto;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}
.poster-main .poster-prev-btn {left:-70px;background: url(../img/pre_bg.png) no-repeat center center;}
.poster-main .poster-next-btn {right:-70px;background: url(../img/next_bg.png) no-repeat center center;}
.poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0;}
.poster-main p.description{text-align: center;font-size: 18px;margin: 10px auto;width: 90%;}
/**/
.contantus{margin-top: 40px;background:url(../img/c_bg.jpg) no-repeat;width: 100%;height: 627px;background-size: 100% 100%;margin-bottom: -21px;}
.contantus .fl{margin-top: 50px;}
.contantus .c-info01{width: 230px;}
.contantus .c-info01 li{width: 100%;display: block;height: 60px;line-height: 60px;color: #fff;margin-bottom: 15px;background: #2D98D5;font-size: 24px;position: relative;}
.contantus .c-info01 li span{position: absolute;right: 10px;}
.contantus .c-info02{width: 430px;background:rgba(0,0,0,0.8);padding:20px;color: #dcdddd;font-size: 18px;line-height: 34px;margin-left: 2px;}
.contantus .c-info02 a{color: #dcdddd;}
.contantus .fl .nlstyle{margin-top: 0;}
/*newslist*/
#header.newslist-h{height: 90px;}
.menunav{background: #EAEAEA;height: 36px;line-height: 36px;}
.f-blue{color: #3FA9F5;}
.news-list{padding: 20px;overflow: hidden;    min-height: 600px;}
.news-list li {border-bottom: 1px solid #EAEAEA;overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;}
.news-list li .img{width:15%;height: 101px;}
.news-list li .n-info{width:83%;margin-left:15px;position: relative;}
.news-list li .tl a{color: #393F44;font-size: 18px;height: 25px;line-height: 25px;overflow: hidden;margin-bottom: 10px;display: inline-block;}
.news-list li .time{color: #999999;font-size: 12px;margin-bottom: 10px;}
.news-list li .detail{color: #999999;font-size: 16px; width: 90%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li .more,.news-list li.list-03 .more{position: absolute;color:#3FA9F5;right: 0;bottom: 0;}
.news-list li.list-02 .three-img{margin-bottom:20px;}
.news-list li.list-02 .three-img img{width:32% ;height: 193px;margin-right:20px;}
.news-list li.list-02 .three-img img:nth-child(3){margin-right:0;}
.news-list li.list-02 .three-tl,.news-list li.list-03 .three-tl{color: #393F44;font-size:18px ;position: relative;}
.news-list li.list-02 .three-tl .time,.news-list li.list-03 .three-tl .time{position: absolute;right: 0;}
.news-list li.list-03 .detail{margin-top: 10px;position: relative;width: 100%;}
/*newsdetail*/
.news-detail .n-top{padding: 25px 0;border-bottom: 1px solid #EAEAEA;}
.news-detail .n-title{text-align: center;width: 60%;margin: 0 auto;font-size: 28px;}
.news-detail .n-title span{background: #f9d3d4;display: inline-block;margin-bottom: 5px;}
.news-detail .n-top .time{font-size: 12px;color: #999999;text-align: center;margin-top: 20px;}
.news-detail .n-description{margin:30px 0 10px 0;line-height: 30px;font-size: 18px;}
.news-detail .n-description img{margin: 0 auto;}
.n-detail-list .title{background: #EAEAEA;height: 36px;line-height: 36px;position: relative;padding-left: 10px;margin-bottom: 20px;}
.n-detail-list .title .more{color: #B2B2B2;position: absolute;right:10px;}
.n-detail-list .title .red{background:#f9d3d4;background: url(../img/hot_news_img.png) no-repeat  left center;padding-left:34px ;display: inline-block;}
.n-detail-list ul{width: 100%;}
.n-detail-list li{display: inline-block;width:50%;float: left;}
.n-detail-list ul li .img{width: 30%;}
.n-detail-list ul li .n-info{width: 67%;box-sizing: border-box;padding-right: 15px;}
.n-detail-list li .n-info .more{right: 15px;}