/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1200px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #006ab0;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1300{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:18px; color:#999999; font-weight:lighter;}
.title span{ font-weight:normal; font-size:40px; color:#343434;}
.title strong{ color:#006ab0;}
.title span:after{ content:''; display:block;  width:50px; height:2px; background:#006ab0; margin:10px auto 13px auto;}
.top20{ margin-top:20px}
.top30{ margin-top:30px}
.top35{ margin-top:35px}
.top40{ margin-top:40px}
.top50{ margin-top:50px}
.top60{ margin-top:60px}
.top70{ margin-top:70px}
.htop{ background:#f4f4f4; font-size:13px; color:#b0b0b0; line-height:46px;}
.htop a{ font-size:13px; font-weight:lighter; color:#b0b0b0; display:inline-block; padding:0 15px; border-right:1px solid #e7e7e7; position:relative;}
.htop a:nth-child(1){ border-left:1px solid #e7e7e7;}
.htop a img{ position:absolute; z-index:99; width:100%; height:auto; top:100%; left:0; display:none;}
.htop a:hover img{ display:block;}
.htop a:hover{ color:#006ab0;}
.htop p.fl{ padding-left:30px; background:url(../images/20200915104051_508877409.png) no-repeat left center;}
.htop p span{ display:inline-block; padding-left:30px;}
.htop p a:nth-child(1) span{ background:url(../images/20200915104051_877936160.png) no-repeat left center;}
.htop p a:nth-child(2) span{ background:url(../images/20200915104051_480860013.png) no-repeat left center;}
.htop p a:nth-child(3) span{ background:url(../images/20200915104051_2098584746.png) no-repeat left center;}
.hsecond{ padding:24px 0;}
.hlogo p{ margin-left:10px; font-size:33px; color:#343434; margin-top:14px;}
.hlogo p em{ display:block; font-size:14px; font-weight:lighter; letter-spacing:2.7px; color:#999; font-family:"Arial"; line-height:20px;}
.hline{ width:1px; height:52px; margin: 17px 25px 0 25px; background:#b5b5b5; background:linear-gradient(to bottom,#f2f2f2,#b5b5b5,#f2f2f2);}
.hmean{ font-size:16px; color:#666;}
.hmean strong{ display:block; font-size:25px; font-weight:bold; color:#006ab0; margin:19px 0 5px 0;}
.hul{ margin:10px 0 0 45px;}
.hul li{ float:left; padding:0 25px; font-size:14px; color:#999999; border-right:1px dotted #efeeed;}
.hul li+li{ border-left:1px dotted #e2e1e0;}
.hul li span{ display:block; height:40px; text-align:center;}
.hul li:nth-child(3){ border-right:0;}
.hconcat{ text-align:right; margin-top:22px;}
.hconcat span{ font-size:16px; color:#999; padding-left:24px; background:url(../images/20200915104148_1646779034.png) no-repeat left center;}
.hconcat b{font-size:30px;color:#006ab0;font-family:Impact;}
.hconcat b p{color:#006ab0; font-size:17px; background:none; font-weight:normal; padding:0; display:inline-block; margin-left:4px; font-family:"微软雅黑";}
.nav{ position:relative; height:70px; background:#006ab0; font-size:0;}
.nav:after{ content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#00568f;}
.nav li{ display:inline-block; width:14%; text-align:center; position:relative; z-index:9; transition:all .3s ease;}
.nav li>a{ display:block; font-size:16px; color:#fff; font-weight:lighter; line-height:70px; position:relative; overflow:hidden;}
.nav li:after,.nav li:nth-child(1):before{ content:''; position:absolute; width:1px; height:16px; border-left:1px dashed #0684d7; right:0; top:0; bottom:0; margin:auto 0;}
.nav li:nth-child(1):before{ right:auto; left:0;}
.nav li:hover:after,.nav li:hover:before,.nav li.cur:after,.nav li.cur:before{ opacity:0;}
.nav li:hover>a,.nav li.cur>a{ background:#e9eaec; color:#343434;    font-weight: normal;}
.nav li>a:after{ content:''; display:block; position:absolute; bottom:0; opacity:0;  width:100%; left:0; height:4px; background:#babcc7;}
.nav li.cur>a:after,.nav li:hover>a:after{ opacity:1;}
.nav li .dropmenu{ position:absolute; top:100%; left:0; width:100%; background:#006ab0; z-index:999; display:none;}
.nav li .dropmenu a{ line-height:45px; border-bottom:1px solid #213985; display:block; color:#fff; font-size:14px; transition:all .3s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.nav li .dropmenu a:hover{ background:#e9eaec; padding-left:10px;  color:#343434;}
.dropmenu table ,.dropmenu tbody,.dropmenu td,.dropmenu tr{ display:block; width:100%;}
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:530px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:530px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:150px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200915110755_1656550099.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200915110755_1656550099.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #006ab0;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
.search{ border-bottom:1px solid #f5f5f5;}
.keywords{ line-height:78px; padding-left:42px; background:url(../images/20200915111457_1247118868.png) no-repeat left center;}
.keywords,.keywords a{ font-size:13px; color:#999999;}
.keywords a:hover{ color:#006ab0;} 
.search_bg input{ display:block; float:left; overflow:hidden;}
#soo{ background:#006ab0;}
#infoname{ height:78px; box-sizing:content-box; padding-left:55px; border:none; border-left:1px solid #f5f5f5; background:url(../images/20200915111535_197480612.png) no-repeat left center; width:195px; font-size:13px; font-weight:lighter;}
.contant {width:100%;overflow: hidden;height:535px; margin-top:60px;}
.contant_box {width:1300px;margin: 0 auto;max-width: 100%; }
.contant_tit {font-size:38px;line-height:40px;color: #333333;text-align: center; }
.contant_tit span {color: #006ab0;}
.contant_tit img {margin:0 35px;}
.contant_tit p {font-size:1.125rem;line-height: 32px;margin-top: 10px;color: #999;  }
.contant_sub {font-size:16px;line-height: 30px;text-align: center;margin-top: 40px;color: #888888;}
.contant_txt {margin-top: 60px;}
.contant_con {float:left;text-align: center;}
.contant_con p {font-size: 1.125rem;line-height: 30px;color: #666666;margin-top: 38px;}
.contant_con b {font-size: 1.25rem;line-height: 40px;color: #333333;}
.contant_line {width:1px;height:227px;background: #eeeeee;float: left;margin: 0 75px;}



.products{ padding:40px 0 60px 0; background:url(../images/20200915143919_1000337628.jpg);}
.procenter{ padding:35px 0 0 0;}

.pro {overflow: hidden;}
.pro_box {width: 1200px;margin: 0 auto;margin-top: 25px;}
.npro_box {width: 1200px;margin: 0 auto;margin-top:5px;}
.pro_tit {font-size: 50px;color: #333333;font-weight: bold;text-align: center;line-height: 52px;position: relative;}
.pro_tit span:before {content: '';position: absolute;right:0;width: 15px;height: 15px;border-radius: 50%;background: #5ec127;z-index: -1;}
.pro_tit span {color: #1b4996;position: relative;}
.pro_tit p {font-size: 20px;color:#666666;line-height: 32px;font-weight: lighter;margin-top: 10px;}
.pro_line {text-align: center;margin-top: 16px;margin-bottom: 50px;}
.pro_tab {}
.pro_list {float:left;width: 260px;background: #006ab0;}
.pro_txt {font-size: 30px;text-align: center;color: #ffffff;padding-top: 30px;line-height: 32px;border-bottom: 1px solid #007acb;margin: 0 20px; padding-bottom: 19px;}
.pro_txt p {font-size: 12px;font-family: Arial;line-height: 24px;}
.pro_col {height:485px;overflow:auto;}
.pro_col table{ width:260px !important;}
.pro_col table tr td{margin-top:12px; display: block;}
.pro_col table tr td a{ width: 210px !important; padding-left:35px; font-size: 15px; color: #fff !important;     margin-left: 20px; display: block; box-sizing: border-box;  line-height: 40px; background:#007fd2 url(../images/20201110110834_688655532.png) 14px no-repeat; transition: all 0.3s linear;border-radius:30px;}
.pro_col table tr td table td a:hover{background: none !important;}
.pro_col table tr td table tr td{line-height: 32px !important; }
.pro_col table tr td table tr td a{    background: none !important; box-sizing: border-box; float: right;  color: #e5eefd !important; font-size: 15px;}
.pro_col table tr tr td{ line-height: 32px; float: left; color: #888; margin-top: inherit;position:relative; }  
.pro_col table tr tr td:hover a {color:#5ec127 !important;font-weight:bold;}
.pro_col table tr td a:hover{background:#fd7304 url(../images/20201110110834_688655532.png) 10px no-repeat; transition: all 0.3s linear;}
.pro_col table tr td tr td:before {content: "";width: 4px;height: 1px;position: absolute;top: 23px;left:25px;background: #8cace3; transition: 0.5s;}





.nypro_col { padding-bottom:25px;}
.nypro_col table{ width:260px !important;}
.nypro_col table tr td{margin-top:12px; display: block;}
.nypro_col table tr td a{ width: 210px !important; padding-left:35px; font-size: 16px; color: #fff !important;     margin-left: 20px; display: block; box-sizing: border-box;  line-height: 40px; background:#007fd2 url(../images/20201110110834_688655532.png) 14px no-repeat; transition: all 0.3s linear;border-radius:30px;}
.nypro_col table tr td table td a:hover{background: none !important;}
.nypro_col table tr td table tr td{line-height: 32px !important; }
.nypro_col table tr td table tr td a{    background: none !important; box-sizing: border-box; float: right;  color: #e5eefd !important; font-size: 15px;}
.nypro_col table tr tr td{ line-height: 32px; float: left; color: #888; margin-top: inherit;position:relative; }  
.nypro_col table tr tr td:hover a {color:#5ec127 !important;font-weight:bold;}
.nypro_col table tr td a:hover{background:#fd7304 url(../images/20201110110834_688655532.png) 10px no-repeat; transition: all 0.3s linear;}
.nypro_col table tr td tr td:before {content: "";width: 4px;height: 1px;position: absolute;top: 23px;left:25px;background: #8cace3; transition: 0.5s;}

.pro_con {float:right;width: 930px;overflow: hidden;}
.pro_nav {}
.pro_nav ul {}
.pro_nav li {float: left;width: 170px;height: 60px;line-height: 60px;color: #666666;background: #f5f5f5;text-align: center;position: relative;transition: 0.5s all ease-in-out;}
.pro_nav li a{ font-size: 16px;}
.pro_nav li.on{background:#1b4996;transition: 0.5s all ease-in-out;}
.pro_nav li.on a{color: #ffffff; font-size: 16px;}
.pro_nav li:before {content: '';position: absolute;width: 7px;height: 7px;background: #666666;border-radius: 50%;top:27px;left:16px;display:none;}
.pro_nav li:nth-child(2):before {left:7px;}
.pro_nav li:nth-child(5):before {left:37px;}
.pro_nav li.on:after {content: "";width: 0px;height: 0px;border-top: 9px solid #1b4996;
border-right: 7px solid transparent;border-bottom: 10px solid transparent;border-left: 7px solid transparent;position: absolute;top: 59px;left: 45%;transition: 0.5s all ease-in-out;}
.pro_nav li:hover:before {color: #ffffff;background: #ffffff;}

.pro_call {width:930px;}
.pro_call table tr td {width:296px; height:333px;padding-left: 0 !important;display: inline-block;}
.pro_call table tr td{margin-left: 12px;}
.pro_call table tr a:hover {color:#ffffff;font-weight:bold !important;}
.pro_call td{width:296px;padding-left: 0 !important;display: inline-block;position: relative;overflow: hidden;  margin-bottom: 16px; border: 1px solid #ddd;}
.pro_call td:hover>a:after{content:'';position: absolute;top: 0%;transition: 0.3s all ease-in-out;}
.pro_call td>a:after{content: '';position: absolute;width: 100%;  height:296px;right: 0;left: 0;top: -102%; background: rgba(27 73 150 / 0.5) url(../images/20200531105413_1852172045.png) no-repeat center; transition: 0.3s all ease-in-out;}
.pro_call td br{display:none;}
.pro_call td span{width: 100%;display: block; height: 36px; line-height: 36px !important;background: #e6e6e6; margin-left: -1px; margin-bottom: -1px; position: absolute;left: 0; right: 0;  margin: auto; bottom: 0px; transition: 0.7s all ease-in-out;}
.pro_call td span a{color:#333;}
.pro_call td:hover span{position: absolute;left: 0; right: 0;  margin: auto; bottom: 0px;background:#006ab0; } 

.pro_call td:hover a{color:#fff; display:block;}


.poster {width:100%;overflow: hidden;background: url(../images/20200915172850_1836458251.jpg)no-repeat center;height: 240px;background-size: 100% 100%;}
.poster_box {width:1200px;margin: 0 auto;max-width: 100%;}
.poster_left {float:left;}
.poster_txt {font-size:41px;line-height:54px;margin-top: 60px;color: #ffffff;}
.poster_sub {margin-top: 20px;}
.poster_sub ul {list-style: none;}
.poster_sub ul li {float:left;color: #ffffff;margin-right: 30px; background:url(../images/20200915175200_1596207521.png) left no-repeat;}


.poster_sub span {font-size:18px;line-height: 30px; padding-left: 28px;}
.poster_sub>ul >li >img {float:left;margin-top:5px;}
.poster_line {width:593px;height: 1px;background: #347ec7;position: relative;top: 46px;}
.poster_line i {width: 8px;height: 8px;border-radius: 50%;position: absolute;top:-4px;right: 0; background: #347ec7;}

.poster_more {float:left;margin-top: 60px;    margin-left: 37px;}
.poster_more a {text-decoration: none;font-size: 16px;color: #ffffff;border: 1px solid #68a0d7;width: 134px;height: 46px;    margin-bottom: 21px;display: inline-block;line-height: 46px;text-align: center;}
.poster_pic {float: right;margin-top: 36px;margin-left: 45px;}
.poster_pic img {margin-right: 15px;}


.adv{ height:870px; padding-top:65px; background:url(../images/20200915192724_2029387724.jpg) no-repeat center;}
.tratitl{ text-align:center; font-size:18px; color:#343434; font-weight:lighter;}
.tratitl strong{ display:block; font-size:40px; margin-bottom:10px;}
.tratitl strong span{ font-weight:normal;}
.tratitl:after{ content:''; display:block; width:23px; height:20px; background:url(../images/20200916090028_1367042741.png) no-repeat center; margin:17px auto 0 auto;}
.tratitl:after{animation: Downup 1s infinite alternate; }
@keyframes Downup {
  from {
    transform: translateY(10px);
  }
  to {
    transform: translateY(-5px);
  }
}
.adv .tratitl{ color:#999;}
.adv .tratitl strong{ color:#006ab0;}
.advcenter{ padding-top:35px;}
.advtab{ background:#fff; font-size:0; margin-bottom:10px;}
.advtab li{ display:inline-block; width:25%; height:120px; position:relative; cursor:pointer; }
.advtab li span{ position:absolute; border:2px solid #ffffff; border-radius:50%; top:20px; left:30px; transition:all .3s ease;  z-index:99;}
.advtab li p{ display:block; margin:30px 0 0 125px; font-size:15px; color:#222222; transition:all .3s ease; z-index:99; position:relative;}
.advtab li p strong{ display:block; font-size:25px; margin-bottom:4px;}
.advtab li+li:after,.advtab li:before{ content:''; display:block; position:absolute; transition:all .3s ease; }
.advtab li+li:after{ width:1px; left:0; height:76px; background:#d9d9d9; top:25px;}
.advtab li.on p{ color:#fff;}
.advtab li.on:after{ display:none;}
.advtab li.on span{ border-color:#ececec; background:#fff;}
.advtab li:before{ height:0; left:0; top:0; width:100%; background:#006ab0;}
.advtab li.on:before{ height:100%;}
.advcon ul{ height:520px; background:#fff;}
.advleft{ width:495px; padding:34px 0 0 45px;}
.advt{ position:relative; padding:17.5px 0 17.5px 105px; font-size:16px; color:#525252; white-space:nowrap;}
.advt strong{ display:block; font-size:35px; color:#222222; margin-bottom:5px;} 
.advt i{ color:#006ab0;}
.advt span{ position:absolute; left:0; top:0; width:84px; line-height:107px; color:#fff; font-family:impact; text-align:center; font-size:60px; background:#006ab0;}
.advw{ margin:32px 0 45px 0; border-top:1px solid #dddada; border-bottom:1px solid #dddada; padding:30px 0; font-size:15px; color:#666666; font-weight:lighter; line-height:30px;}
.advw p+p{ margin-top:20px;}
.advw p{ position:relative; padding-left:32px;}
.advw p:after{ content:''; display:block; position:absolute; width:6px; height:6px; background:#006ab0; top:12px; border-radius:50%; left:11px;}
.advconcat{ padding-left:40px; background:url(../images/20200916161225_1995759247.png) no-repeat left center; font-size:13px; color:#5c5c5c; height:34px;}
.advconcat strong{ font-size:27px; font-family:Arial, Helvetica, sans-serif; color:#262626;vertical-align: sub;} 
.advpic{ margin:34px 39px 0 0;}


.appli {width:100%;height:943px; overflow: hidden;}
.appli_box {width:1300px;margin: 0 auto;margin-top:60px;}
.appli_txt {height: 700px; margin-top: 40px;}
.appli_top {display: inline-block;margin-bottom: 10px;height: 345px;}
.appli_txt ul {list-style: none;}
.appli_txt ul li {float: left;position: relative;}
.appli_txt ul li+li {margin-left: 10px;}
.appli_txt ul li:nth-child(3){float: right;}
.appli_txt ul li:nth-child(3) p {right: 0;}
.appli_txt ul li p {width: 147px;height: 48px;font-size: 16px;color: #ffffff;line-height: 48px;background: #006ab0; text-align: center;position: absolute;bottom:4px;}
.appli_bottom {position:relative;}
.appli_con {width:439px;height: 437px;background: linear-gradient(#006ab0,#0061c6);display: inline-block;z-index: 1;position: absolute;top: -92px;left: 33%; color: #ffffff;}
.appli_con p {font-size: 26px;margin-top: 50px;margin-left: 54px;font-weight: bold;}
.appli_con i {width: 1px;height: 23px;background: #ffffff;margin-left: 54px;display: inline-block;margin-top: 29px;margin-bottom: 36px;}
.appli_con span {width: 337px; font-size: 16px;line-height: 27px;margin-left: 54px;display: inline-block;}
.appli_con a {border: 1px solid #ffffff;font-size: 16px;text-align: center;height:38px;line-height: 38px;display: block;width: 124px;margin-left: 54px;margin-top: 36px;cursor: pointer;color:#ffffff}

.process{ padding:60px 0 60px 0;}
.procelc{ padding:0 0 10px 0;}
.pcul li{ display:inline-block; position:relative;  width:116px; height:159px; position:relative; text-align:center; font-size:16px; color:#222222; line-height:150px; transition:all .3s ease; cursor:pointer;}
.pcul li:hover{ color:#006ab0; transform:translateY(-10px);}
.pcul li:hover:after{ top:66px;}
.pcul li+li{ margin-left:95px;}
.pcul li+li:after{ content:''; display:block; position:absolute; width:40px; height:18px; background:url(../images/20200916154954_1545768729.png) no-repeat center; top:56px; left:-74px; transition:all .5s ease;}
.pcul{ margin-top:50px;}
.pcul li:nth-child(1){ background:url(../images/20200916154837_406722526.png) no-repeat center;}
.pcul li:nth-child(2){ background:url(../images/20200916154837_2085539661.png) no-repeat center;}
.pcul li:nth-child(3){ background:url(../images/20200916154837_293462155.png) no-repeat center;}
.pcul li:nth-child(4){ background:url(../images/20200916154837_1821084952.png) no-repeat center;}
.pcul li:nth-child(5){ background:url(../images/20200916154838_1450365816.png) no-repeat center;}
.pcul li:nth-child(6){ background:url(../images/20200916154838_1191930448.png) no-repeat center;}

@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.about_bj{ width:100%; margin:0 auto; background:url(../images/20200916135510_1420252564.jpg) center no-repeat; height:730px; margin-bottom: 20px;}
.abtitl{ text-align:center; font-size:16px; color:#ccdef3;}
.abtitl strong{ display:block; font-size:40px; color:#fff; margin-bottom:15px;padding-top:70px;}

.com_fl{width:585px;height:435px; padding-top: 80px; margin-right: 26px;}
.com_fr{width:520px;height:450px; padding-top: 80px;   margin-left: 22px; }

.com_title span{width:200px;height:45px;line-height: 45px;font-size: 22px;color:#fff;letter-spacing: 4px;background: #006ab0; text-align: center;display: block;}
.com_title p{font-size: 32px;color:#006ab0;margin: 20px 0 7px 0;}
.com_text{margin:30px 0 40px 0;}
.com_text p{font-size: 14px;color:#666;line-height: 40px;}
.com_a a{width:130px;height:40px;line-height: 40px;font-size: 14px;color:#fff;background:#006ab0;border-radius:10px;text-align: center;display: block;float:left;}
.com_a a:first-child{margin-right: 15px;background: #333;}
.com_a a:hover{background:#ff6600;}

.sstyle{margin:30px auto; width:1200px;}
.sstyle_bg{margin:40px 0;}
.sstyle ul{ width:100%; margin:auto;}
.sstyle ul li{margin-right:15px;width:295px; text-align:center;background-color:#006ab0;display: block; float:left;}
.sstyle ul li a{ line-height:28px; background-color:#006ab0; color:#fff;}

.news{ background:#f5f7f9; padding: 60px 0 60px 0;}
.news *{ box-sizing:border-box;}
.newstab a{ display:inline-table; width:220px; height:62px; background:#e6eaed; line-height:62px; font-size:20px; color:#414b4b; padding-left:86px; position:relative; transition:all 0.5s ease;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/20200915155857_2113686056.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab{ width:462px; margin:0 auto;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#006ab0; color:#fff;}
.newstab{ margin:30px auto 40px auto;}
.nbcl_le{width:700px;}
.nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:40px;}
.nbcl_le .news_div_item_pic img{width:326px; height:220px;}
.news_div_item_title a{font-size:18px; color:#34383d;}
.news_div_item_title a:hover{ color:#006ab0;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#93999f; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#696d71;}
.new_more{width:28px;height:28px;border-radius:50%;background:url(../images/20200915155922_587666434.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:470px; padding-right:10px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #eceef0;padding:23px 0;position:relative;transition:300ms; height:145px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 10px rgba(7,99,210,0.26);z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:334px;padding-left:0px;border-left:1px solid #f2f5f5;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#333; font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#35373a;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#93999f;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcr_ri .news_div_item+.news_div_item{ border-top:none;}
.nbc_list{ padding:10px 0px;}

.links{ height:77px; background:#006ab0;}
.links .w1300{ background:url(../images/20200915151202_140689998.png) no-repeat right center; height:77px;}
.links p{ float:left; line-height:77px; color:#fff; font-size:16px;}
.kslj{ height:335px; padding-top:50px; background:#181818;}
.kslj li{ float:left; height:205px; border-right:1px solid #262626; padding:0px 45px;}
.kslj li>p{ font-size:18px; color:#fff; margin-bottom:28px; line-height:18px;}
.kslj li>a{ display:block; font-size:13px; color:#999999; line-height:29px;}
.kslj li>a:hover{ text-decoration: underline; color:#fff;}
.kslj li:nth-child(1){ padding-left:0px;}
.kslj li:nth-last-child(1){ padding-right:0px; float:right; border-right:none;}
.kslj li dl{ float:left; font-size:13px; color:#999999; line-height:25px;}
.kslj li dl img ,.kslj li dl i{ float:left;}
.kslj li dl img+i{ margin:15px 0px 0px 18px;}
.kslj li dl+dl{ margin-left:34px;}
.kslj li dl i span{ display:block; margin-top:35px;}
.kslj li dl>img{ width:110px; height:110px; padding:5px; background:#fff;}
.crconcat{ clear:both; font-size:13px; color:#999999; margin-top:-11px;}
.crconcat span{ font-size:16px; color:#006ab0;} 
.crconcat p{ font-size:14px; line-height:30px;}
.crconcat h2{ font-size:18px; line-height:44px; font-weight:normal;}

.end{ padding:20px 0px; background:#111111;}
.end ,.end a{ font-size:13px; color:#999; line-height:30px;}
.end a:hover{ color:#fff; text-decoration:underline;}