@charset "utf-8";
body{margin:0px; background:#ffffff; overflow-x:hidden;}
body,html,p,a{font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#666666; text-decoration:none;}
p{margin: 0px;}
img{border:0px;}
.clear{clear:both;}
.kx{height:15px; overflow:hidden;}
.mt5{margin-top:5px;}
.left{float:left;}
.right{float:right;}
ul,li{margin:0px; padding:0px; list-style:none;}
.round{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
div,a,ul,li,input{transition-duration:0.5s;}
div:hover,a:hover,ul:hover,li:hover,input:hover{transition-duration:0.5s;}
div,a,p,tr,td,font,span,select{font-family:Arial,微软雅黑; font-size:13px; line-height:24px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}




.wrap{width:1200px; margin:auto;}



.tops{height: 100px;width: 100%;/*background: #FFFFFF;*/position: fixed;top: 0px;left: 0px;border-bottom: 0px solid #F2F2F2;z-index: 999;}
.tops .logo{position: absolute;left: 5%;top: 29px;height: 40px;width: 195px;background: url(../Images/logos.png) no-repeat left center;background-size: cover;}
/*.tops .logo img{height: 50px;}*/



.tops nav{position: absolute;left: 25%;top: 0px;z-index: 999;}
.tops nav ul{margin: 0px; padding: 0px;}
.tops nav ul li{float: left;padding: 20px 30px;}
.tops nav ul li a{line-height: 60px;font-size: 14px;display: block;color: #FFFFFF;}
.tops nav ul li a:hover{color: #36a4c7;border-bottom: 2px solid #36a4c7;}
.tops nav ul li a.in{color: #FFFFFF;}

.tops nav ul li ul{display:none; position:fixed; box-shadow: 0px 0px 2px rgba(0,0,80,0.4); background: #FFFFFF; margin-top:0px; z-index: 999; padding: 30px 0px; border-bottom: 1px solid #2378D5;width: 100%;left: 0px;}
.tops nav ul li:hover ul{display:block;}
.tops nav ul li:hover ul li{width:100%; height:30px; margin:0px; text-align: left; float: none;}
.tops nav ul li:hover ul li:hover{}
.tops nav ul li:hover ul li a{line-height:30px;color: #666666;}
.tops nav ul li:hover ul li a:hover{color:#2378D5;}


.navxl{width: 16.6%;float: left;}
.navxl a{font-size: 14px;padding-left: 5px;}
.navxl a.bts{font-size: 16px;color: #000000;line-height: 40px;font-weight: 600;padding-left: 0px;}



.tops .tels{position: absolute;right: 5%;top: 35px;background: url(../Images/tel.png) no-repeat bottom left;padding-left: 32px;background-size: 25px 25px;}
.tops .tels p{font-size: 20px;line-height: 24px;color: #FFFFFF;}
.tops .tels p span{font-size: 12px;color: #FFFFFF;}





.tops.on{background: #FFFFFF;height: 70px;box-shadow: 0px 0px 5px #CCCCCC;}
.tops.on nav ul li{padding: 20px 30px;}
.tops.on nav ul li a{color: #333333;line-height: 30px;font-size: 13px;}
.tops.on .logo{top: 17px;left: 4%;background: url(../Images/logo.png) no-repeat left center;background-size: cover;height: 35px;width: 171px;}
/*.tops.on .logo{position: absolute;left: 5%;top: 25px;height: 50px;width: 244px;}*/
/*.tops.on .logo img{height: 40px;}*/
.tops.on .tels{right: 4%;top: 20px;background: url(../Images/tel2.png) no-repeat bottom left;padding-left: 30px;background-size: 23px 23px;}
.tops.on .tels p{color: #000000;font-size: 17px;}
.tops.on .tels p span{color: #333333;font-size: 11px;}

.tops.on nav ul li a:hover{color: #36a4c7;border-bottom: 2px solid #36a4c7;}

.banner-box{margin-top: 0px;}
.banner-box .swiper-slide{
float: left;
position:relative;
cursor: default;
}
.swiper-wrapper .swiper-slide .banner-bg{
width:100%;
/*height: 1080px; */
}
.banner-box .pagination {
position: absolute;
z-index:999;
bottom: 10px;
width: 100%;
text-align: center;
}

.banner-box a{font-size: 16px;color: #203782;background: #FFFFFF;padding: 10px 40px;line-height: 140px;}


.home-banner-content{position:absolute;top:40%;left:20%}
.home-banner-content .home-content-top{display:flex;align-items:center}
.home-banner-content .home-content-top .home-top-number{width:100px;height:100px;background-image:url(../Images/home-top-number.png);background-repeat:no-repeat;background-size:cover}
.home-banner-content .home-content-top .home-top-title{margin-left:10px;width:360px;font-size:35px;font-weight:600;color:#fff;line-height:50px;}
.home-banner-content .home-content-bottom{width:400px;margin-top:20px;font-size:15px;font-weight:400;color:rgba(255,255,255,.3);line-height:24px;}

 /*banner*/

.more{height: 50px;width: 200px;background: #36a4c7;text-align: center;margin: auto;margin-bottom: 60px;border-radius: 30px;}
.more a{line-height: 50px;color: #FFFFFF;font-size: 16px;}
.more:hover{box-shadow: 0px 0px 20px #CCCCCC; transform: scale(1.05);}


.greys{width: 100%;background: #f1f6f9;display: table;}
.greys.bot{padding-bottom: 80px;}

.bigtitle{text-align: center;padding: 70px 0px;padding-bottom: 10px;}
.bigtitle p{font-size: 35px;color: #000000;margin: 20px;font-weight: bold;}
.bigtitle span{color: #666666;font-size: 16px;}

.hotpro{width: 100%;margin: auto;margin-bottom: 40px;display: table;margin-top: 30px;}
.hotpro ul{margin: 0px;padding: 0px;}
.hotpro ul li{width: 24%;float: left;margin:10px 0.3%;background: #FFFFFF;text-align: center;border: 1px solid #F2F2F2;}
.hotpro ul li img{max-width: 100%;height: 213px;padding: 15px;}
.hotpro ul li a{font-size: 14px;line-height: 30px;display: block;padding-bottom: 20px;}
.hotpro ul li:hover{box-shadow: 2px 2px 15px #CCCCCC;;}
.hotpro ul li:hover a{color: #0b83c1;}


.solutions{width: 100%;margin-top: 50px;}
.solutions ul{margin: 0px;padding: 0px;}
.solutions ul li{width: 20%;float: left;height: 500px;}
.solutions ul li.one{background: url(../Images/solu1.jpg) no-repeat center;background-size: cover;}
.solutions ul li.two{background: url(../Images/solu2.jpg) no-repeat center;background-size: cover;}
.solutions ul li.three{background: url(../Images/solu3.jpg) no-repeat center;background-size: cover;}
.solutions ul li.four{background: url(../Images/solu4.jpg) no-repeat center;background-size: cover;}
.solutions ul li.five{background: url(../Images/solu5.jpg) no-repeat center;background-size: cover;}

.solutions ul li .black{width: 80%;height: 350px;background:rgba(0, 0, 0, 0.9)!important; filter:Alpha(opacity=90);position: relative;margin-top: 0px;margin-left: 0px;opacity: 0; text-align: center;padding: 150px 10% 0 10%;transition-duration:0.5s;}
.solutions ul li .black a{color: #FFFFFF;font-size: 25px;line-height: 50px;font-weight: bold;}
.solutions ul li .black span{color: #FFFFFF;font-size: 14px;}
.solutions ul li:hover .black{display: block;transition-duration:0.5s;opacity: 0.8;}

.iabtext{text-align: center;padding: 30px 100px;font-size: 16px;line-height: 30px;}

.knowmore{text-align: center;}
.knowmore a{color: #ff8f21;}


.knowus{width: 100%;height: 240px;padding-top: 50px;margin: 0px 0px 0px 0px;}
.knowus ul{margin: 0px;padding: 0px;text-align: center;}
.knowus ul li{width: 20%;display: inline-table;}
.knowus ul li a{color: #000000;font-size: 60px;display: block;font-weight: bold;line-height: 70px;}
.knowus ul li span{color: #000000;font-size: 16px;}



.item3{width: 100%;margin-top: 50px;margin-bottom: 50px;display: table;}
.item3 p{font-size: 20px;color: #000000;line-height: 50px;padding-left: 5px;}
.item3 p a{float: right;font-weight: normal;line-height: 50px;padding-right: 10px;}
.item3 ul li .pic{width: 100%;}
.item3 ul li .pic img{width: 100%;height: 120px;}
.item3 ul{margin: 0px;padding: 0px;}
.item3 ul li{width: 32.3%;float: left;margin: 0px 0.5%;}
.item3 ul li .tjnews{width: 90%;}

.item3 ul li .tjnews .text{height: 80px;}
.item3 ul li .tjnews .text p{font-size: 18px;color: #000000;line-height: 55px;}
.item3 ul li .tjnews .text span{line-height: 26px;color: #333333;font-size: 14px;}
.item3 ul li .tjnews:hover .text p,.item3 ul li .tjnews:hover .text span{color: #38A1DB;}

.item3 ul li .tjnewsa{width: 100%;border-bottom: 1px dotted #CCCCCC;}
.item3 ul li .tjnewsa .bt{height: 40px;background: url(../Images/dian.png) no-repeat center left;margin-bottom: 0px;}
.item3 ul li .tjnewsa .bt a{line-height: 40px;font-size: 13px;color: #000000;padding-left: 15px;}
.item3 ul li .tjnewsa .text{height: 28px;overflow: hidden;}
.item3 ul li .tjnewsa .text a{line-height: 25px;font-size: 14px;color: #666666;}
.item3 ul li .tjnewsa a:hover{color: #38A1DB;}













footer{background: #24242a;width: 100%;padding: 30px 0px;margin-top: 0px;display: table;}
footer ul{width: 1200px;margin: auto;}
footer ul li{float: left;margin-right: 100px;}
footer ul li span{color: #FFFFFF;font-size: 16px;}
footer ul li a{font-size: 13px;color: #999999;line-height: 30px;display: block;}

footer .ewmlx{float: right;}
footer .ewm{float: left;}
footer .ewm img{width: 130px;}
footer .lxfs{float: left;margin-left: 30px;}
footer .lxfs p{font-size: 13px;color: #FFFFFF;margin: 0px;line-height: 33px;}
footer .lxfs p.dianhua{font-size: 18px;font-weight: bold;}
.copyright{width: 100%;height: 40px;background: #7c7c7f;text-align: center;}
.copyright a{color: #FFFFFF;line-height: 40px;font-size: 12px;}




/*内页*/


.ban-inner{height: 350px;width: 100%;overflow: hidden;}
.ban-inner img{max-width: 100%;}

.smalltitle{text-align:center; width:100%; height:70px;margin-top: -50px;position: relative;z-index: 99;border-bottom:1px solid #F2F2F2;background: url(../Images/aboutbg.png) no-repeat right center #FFFFFF;}
.smalltitle ul{margin:0px; padding:0px; width:1200px; margin:auto; text-align:center;}
.smalltitle ul li{float:left; display:inline-table; width:200px; border-right:1px solid #F2F2F2;}
.smalltitle ul li a{line-height:70px; display:block;font-size: 16px;}
.smalltitle ul li.in{background:#38A1DB;}
.smalltitle ul li:hover{background:#38A1DB;}
.smalltitle ul li:hover a{color:#FFFFFF;}
.smalltitle ul li.in a{color:#FFFFFF;}



.intitle{margin:20px 0px;border-bottom: 1px solid #F2F2F2;text-align: center;padding-bottom: 20px;}
.intitle a{line-height:50px; font-size:26px; color:#000000;}

.incontent{width:96%;margin: 2%;}
.incontent img{max-width:100%;}
.incontent p{line-height: 30px;}

.local{height:140px; width:100%;}

.titleen{position:relative; padding-top:40px;width: 500px;}
.titleen a{line-height:60px; font-size:42px; font-weight:600; color:#E2E6EE;}
.titlecn{position:relative; margin-top:-50px;width: 300px;}
.titlecn a{line-height:60px; font-size:32px; font-weight:600; color:#203071;}
.titlelocal{float:right; margin-top:-50px;}
.titlelocal ul{margin: 0px;padding: 0px;}
.titlelocal ul li{float: left;padding: 0px 50px;height: 50px;border: 1px solid #F2F2F2;margin-left: 10px;}
.titlelocal ul li a{line-height: 50px; display: block;}
.titlelocal ul li:hover{background: #38A1DB;}
.titlelocal ul li:hover a{color: #FFFFFF;}
.titlelocal ul li.in{background: #38A1DB;}
.titlelocal ul li.in a{color: #FFFFFF;}


.locals{height: 40px;margin: 20px 0px;}
.locals a{line-height: 40px;}





.newslist{margin-top:20px;float: left;width: 850px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{height:190px; width:100%; border-bottom:1px dotted #CCCCCC; padding-top:20px;}
.newslist ul li .left{width:205px;float: left;}
.newslist ul li .left img{width:205px; height:150px;}
.newslist ul li .right{width:605px;float: right;}
.newslist ul li .right a{line-height:25px; font-size:16px; color:#000000;}
.newslist ul li .right a span{font-size:13px; color:#999999; line-height:23px;}
.newslist ul li .right a font{font-size:13px; color:#666666; line-height:50px;}
.newslist ul li a:hover,.newslist ul li a:hover span,.newslist ul li a:hover font{color: #38A1DB;}

.newsright{width: 260px;margin-left: 50px;float: right;margin-top:0px; background: #F6F6F6;padding:10px 0px;}
.newsright .title{height: 40px;margin-bottom: 10px;margin-top: 10px;}
.newsright .title a{line-height: 40px;color: #000000;font-size: 16px;}


.hotser{}
.hotser ul{margin: 0px; padding: 0px;}
.hotser ul li{width: 84%;margin-bottom: 20px;border-bottom: 1px dotted #CCCCCC;padding-bottom: 20px;text-align: left;margin-left: 8%;}
.hotser ul li img{width: 100%;margin-bottom: 0px;}
.hotser ul li a{line-height: 20px;font-size: 14px;}

.tit{text-align: center;border-bottom: 1px solid #F2F2F2;padding-bottom: 10px;}
.tit h1{font-size: 28px;}
.tit .subtit{margin: 10px;}
.tit .subtit span{padding: 0px 5px;}

.txt{padding: 20px 0px;line-height: 30px;}
.txt p{line-height: 30px;}
.txt img{max-width: 100%;margin: auto;display: block;padding: 20px;}

.txt tr,.txt td{border: 1px solid #F2F2F2;height: 40px;line-height: 40px;padding: 0px 20px;font-size: 14px;}
.txt table{width: 100%;padding: 30px 0px;}


.about-statistics{
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-top:50px;
}
.about-statistics li{
    position: relative;
    width: 220px;
    height: 160px;
    /* line-height: 160px; */
    text-align: center;
    float: left;
    margin-right: 25px;
    /* border:1px solid rgba(31, 108, 221, 1); */
}
.about-statistics li::after{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 220px;
    height: 160px;
    border:1px solid rgba(0, 147, 104, .2);
    transition: border .2s;
}
.about-statistics li:hover::after{
    border:1px solid rgba(0, 147, 104, 1);
}
.about-statistics li:last-child{
    margin-right: 0;
}

.as-text{
    line-height: 20px;
    font-size: 16px;
    color: #666666;
}
.as-text>span{
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}
.as-active-color{
    line-height: 47px;
    margin-top: 43px;
    margin-bottom: 8px;
    color: #38A1DB;
}


.b1{width:250px; float:left; margin-right:0px; margin-top:0px; margin-bottom:60px;}
.b2{width:900px; float:left; margin-top:0px; padding:10px 25px; padding-bottom:80px;  background:rgba(255, 255, 255, 0.8)!important;
filter:Alpha(opacity=80); background:#fff;}

/*.b1 ul{margin: 0px;padding: 0px;}
.b1 ul li{width:100%; margin:0px;list-style: none;}
.b1 ul li a{line-height:50px; display:block;}
.b1 ul li:hover{width:100%; margin:0px; background:#38A1DB;}
.b1 ul li:hover a{color: #FFFFFF;}
.b1 ul li.in{width:100%; margin:0px 15px; background:#38A1DB; height:50px;}
.b1 ul li.in a{line-height:50px; padding:0px 20px; color:#FFFFFF;}*/

.b2 .title{height:50px; border-bottom:1px solid #999999; padding-bottom:10px;}
.b2 .title a{line-height:50px; font-size:30px;}

.b2 .con{margin-top:20px;}


.b5{width:190px; float:left; margin-right:20px; text-align:center; margin-bottom:30px; padding:10px; background:#FFFFFF;}
.b5.spec{margin-right:0px;}
.b5 img{width:190px; height:180px;}
.b5:hover{ box-shadow: 1px 1px 5px #CCCCCC;}

.b6{text-align:center;}
.b6 .pic{margin-right:30px;float: left;}
.b6 .pic img{width:270px;}
.proinfo{float: left; text-align: left;width: 540px;background: #F2F2F2;padding: 30px;border-radius:15px;}
.b6 p{font-size: 16px;line-height: 30px;color: #000000;}


.protitle a{font-size: 28px;color: #000000;font-weight: bold;}

.b7{margin-top:20px;}
.b7 p{font-size:15px; font-weight:600; color:#000000;margin: 0px;}

.b7 td{height: 35px;line-height: 35px;}
.b7 td span,.b7 td p,.b7 td div{line-height: 35px;}

.z1 a{font-size: 16px;}

.snav{float:left;width:100%;border:0px solid #cdcdcd;margin-right:0%; background: #676767; overflow: hidden;}
.snav .tit{width:100%;height:58px;line-height:58px;background-color:#38A1DB;font-size:24px;color:#fff;padding-left:0px; text-indent: 30px;}
.snav ul li{line-height:59px;text-align: left;text-indent: 25px;border-bottom: 1px solid #F2F2F2;}
.snav ul li:hover{background: #c70100;}
.snav li .v1{display:block;width:100%;height:100%;font-size:16px;/*background:url(../Images/il1.png?v1) 28px center no-repeat;*/border-top:0px solid #cdcdcd; line-height: 59px;}
.snav-l1 li .v1:hover{color:#38A1DB}
/*.snav li.on{background: #38A1DB;}*/
.snav li a{color: #FFFFFF;}
.snav ul li.on{background: #c70100;}
.snav li.on a{color: #FFFFFF;}

.slide-nav {
    background: #F1F1F1;
    display: none;
    border-top: 1px solid #cdcdcd;
}
.slide-nav dd,.slide-nav dl{margin: 0px;background: #898989;}
.slide-nav dd:hover,.slide-nav dl:hover{background: #aaaaaa;}
.snav li.on .slide-nav dd a {
    display: block;
    text-align: left;
    line-height: 50px;
    padding-left: 15px;
    font-size: 14px;
    /*color: #333333;*/
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.slide-nav dd.ok{background: #aaaaaa;}
.slide-nav dd.ok a{color:#FFFFFF;}

.slide-nav dd ul.sanji{display: none;position: absolute;margin-left: 250px;
    margin-top: -50px;background: #aaaaaa;padding: 0px;}
.slide-nav dd:hover ul.sanji{display: block;}
.slide-nav dd:hover ul.sanji li{height: 50px;text-indent: 0px;padding: 0px 15px;}
.slide-nav dd:hover ul.sanji li a{line-height: 50px;color: #FFFFFF;padding-left: 15px;}
.slide-nav dd:hover ul.sanji li:hover{background: #CCCCCC;}
.slide-nav dd:hover ul.sanji li:hover a{text-decoration: underline;}



.ixkzlist{margin-top: 30px; text-align: center;display: table;width: 100%;margin-bottom: 80px;}
.ixkzlist ul{margin: 0px; padding: 0px;}
.ixkzlist ul li{width: 25%;float: left;height: 296px;}
.ixkzlist ul li img{width: 100%;height: 216px;}
.ixkzlist ul li .bord{border: 1px solid #F2F2F2;width: 96%;padding: 2%;margin: 2%;padding-bottom: 15px; transition-duration:0.5s;}
.ixkzlist ul li .bord:hover{box-shadow: 2px 2px 15px #CCCCCC; transition-duration:0.5s;}
.ixkzlist ul li .bord .text{margin: 8px;}
.ixkzlist ul li .bord .text p{font-size: 14px;color: #000000;}
.ixkzlist ul li .bord .text span{font-size: 12px;}
.ixkzlist ul li .bord .but{height: 30px;border: 1px solid #CCCCCC;width: 60%;margin: auto; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; text-align: center;}
.ixkzlist ul li .bord .but a{line-height: 30px;font-size: 12px;display: block;}
.ixkzlist ul li .bord:hover .but{background: #38A1DB;border: 1px solid #38A1DB;}
.ixkzlist ul li .bord:hover .but a{color: #FFFFFF;}






.downloadlist{}
.downloadlist ul{margin: 0px;padding: 0px;}
.downloadlist ul li{background: #f8f9fb;height: 144px;margin-top: 10px;width: 100%;border-radius: 15px;}
.downloadlist ul li .do1{width: 300px;float: left;}
.downloadlist ul li .do1 a{color: #000000;font-size: 18px;line-height: 144px;padding-left: 30px;}
.downloadlist ul li .do2{width: 400px;float: left;}
.downloadlist ul li .do2 a{color: #333333;font-size: 16px;line-height: 144px;padding-left: 30px;}
.downloadlist ul li .do3{width: 300px;float: left;}
.downloadlist ul li .do4{width: 200px;float: left;}
.downloadlist ul li .do4 a{color: #333333;font-size: 14px;line-height: 144px;padding-left: 30px;}

.downloadlist ul li .do3 .doan{height: 25px;width: 130px;background: #38A1DB;border-radius: 20px;text-align: center;margin-top: 60px;}
.downloadlist ul li .do3 .doan a{line-height: 25px;color: #FFFFFF;display: block;}

.downloadlist ul li:hover{background: #dbe4f7;}


.result{height:30px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; margin-top:30px; margin-bottom:40px;}
.result a{height:30px; padding:8px 15px;color: #222222; line-height:35px; background:#FFFFFF; border:1px solid #F2F2F2; margin:0px 4px;}
.result a:hover{color:#38A1DB; border:1px solid #38A1DB;}

.result a.prev{background:#FFFFFF; }
.result a.prev:hover{color:#38A1DB; border:1px solid #38A1DB;}
.result a.prev.current:hover{color:#38A1DB; border:1px solid #38A1DB;}
.result a.next{background:#FFFFFF; color:#333333;}
.result a.next:hover{color:#38A1DB; border:1px solid #38A1DB;}
.result a.next:hover.current{background:#FFFFFF; color:#666666;}
.result a.current:hover{color:#FFFFFF; border:1px solid #38A1DB;}
.result a.current{color:#FFFFFF; border:1px solid #38A1DB; background: #38A1DB}
.result a.next.current{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.prev.current{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.next.current:hover{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.prev.current:hover{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}

.conleft{width: 600px; float: left;}
.conleft p{font-size: 18px;line-height: 30px;}
.conright{width: 550px;float: left;margin-left: 50px;}
.conright img{width: 100%;}