body{margin:0px; padding:0px; font-size:14px; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; background:#fff; line-height:25px; color:#333;}

a{color:#333;text-decoration:none; font-size:14px;}
a:hover{color:#ff0000;text-decoration:none; font-size:14px;}

ul,li{list-style: none;margin: 0px; padding: 0px;}
li{float: left;}
p{line-height: 25px; margin: 0px; padding: 4px;}
p.indent{text-indent: 2em;}

.fl{float: left;}
.fr{float: right;}
.cls{clear:both;}


/*字体通用*/

.f-30{font-size: 30px;}
.f-28{font-size: 28px;}
.f-26{font-size: 24px;}
.f-24{font-size: 24px;}
.f-22{font-size: 22px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-14{font-size: 14px;}
.f-12{font-size: 12px;}

a.f-30{font-size: 30px;}
a.f-28{font-size: 28px;}
a.f-26{font-size: 24px;}
a.f-24{font-size: 24px;}
a.f-22{font-size: 22px;}
a.f-20{font-size: 20px;}
a.f-18{font-size: 18px;}
a.f-16{font-size: 16px;}
a.f-14{font-size: 14px;}
a.f-12{font-size: 12px;}



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


.box{background: #11225e; display: block; height: 700px;}

.nav{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100000;}
.nav ul{width: 1200px; margin: auto;  display: flex; justify-content: space-between;transition: .5s all ease; }
.nav{height: 100px; padding-top: 30px; box-sizing: border-box;}
.nav .logo{background: url(logo.png) no-repeat left center; width: 160px; height: 50px;}
.nav .logo a{display: block; width: 160px; height: 50px;}
.nav .menu{ padding-top: 10px; flex: 1; padding:15px 0 0 50px;}
.nav .menu a{color: #fff;font-size: 16px; margin:0 10px;}
.nav .menu a:hover{border-bottom: 2px #eee solid; padding-bottom: 10px;}
.nav .tel{color: #fff; font-family: din;font-size: 25px; background: url(tel.png) no-repeat left 18px; padding-left: 35px; padding-top: 18px;}

.ss_nav{background: #fff; position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: 1px 1px 10px #eee;height: 100px; padding-top: 30px; box-sizing: border-box; z-index: 1000; transition: .5s all ease;}
.ss_nav ul{width: 1200px; margin: auto;  display: flex; justify-content: space-between; }
.ss_nav .logo{background: url(logo.png) no-repeat left center; width: 160px; height: 50px;}
.ss_nav .logo a{display: block; width: 160px; height: 50px;}
.ss_nav .menu{ padding-top: 10px; flex: 1; padding:15px 0 0 50px;}
.ss_nav .menu a{color: #666;font-size: 16px; margin:0 10px;}
.ss_nav .menu a:hover{border-bottom: 2px #005fd5 solid; padding-bottom: 10px; color: #005fd5;}
.ss_nav .tel{color: #005fd5; font-family: din;font-size: 25px; background: url(tels.png) no-repeat left 18px; padding-left: 35px; padding-top: 18px;}

.hit{background: #f2f2f2; height: 150px;}
.hit ul{display: flex; justify-content: space-between; width: 1200px; margin: auto;}
.hit li{background: #fff; border: 1px #e1e1e1 solid; padding: 20px; box-sizing: border-box; height: 115px; margin: 15px -1px 0 0; display: flex; justify-content: center; align-items: center;}
.hit li:nth-child(1){background: url(ico_1.png) no-repeat 30px center #fff; }
.hit li:nth-child(2){background: url(ico_2.png) no-repeat 30px center #fff; }
.hit li:nth-child(3){background: url(ico_3.png) no-repeat 30px center #fff; }
.hit li:nth-child(4){background: url(ico_4.png) no-repeat 30px center #fff; }
.hit li a{padding-left: 70px; display: block;font-size: 16px;}



.gsjj{width: 1200px; margin: auto; background: url(bg_gsjj.png) no-repeat right center; height: 580px; display: flex; align-items: center;}
.gsjj .gsjj_box{width: 530px; text-align: justify; color: #666;}
.gsjj .gsjj_box .title{font-size: 28px; color: #3881de; position: relative; height: 80px; line-height: 80px; margin-bottom: 20px;}
.gsjj .gsjj_box .title:after{content: ''; width: 60px; height: 2px; background: #dadcdf; position: absolute; bottom:0px; left: 0px;}
.gsjj .gsjj_box p{line-height: 35px;font-size: 16px;}
.gsjj .gsjj_box a{border: 1px #8c8c8c solid; padding: 5px 20px; color: #8c8c8c; margin-top: 20px; display: inline-block;}
.gsjj .gsjj_box a:hover{border: 1px #005fd5 solid; background: #005fd5; color: #fff; transition: all 1s ease;}



.news{height: 500px; display: block; background: #005fd5;}
.news .list{display: flex; width: 1200px; justify-content: space-between; margin:25px auto;}
.news .list li{width: 270px;background: #337fdd; height: 300px;}
.news .list li:hover{background: #fff;transition: all 1s ease;}
.news .list li:hover p{ color: #005fd5;transition: all 1s ease;}
.news .list p{padding: 5px 15px 10px 15px; box-sizing: border-box;font-size: 16px; color: #fff;}
.news .list img{width: 270px; height: 225px;}

.titles{text-align: center; height: 80px; line-height: 80px; padding-top: 40px;}
.titles span{font-size: 32px;color: #fff; background: url(ico_arr.png) no-repeat right center; padding-right: 35px;}


.ywtx .title{text-align:center; padding:60px 0 30px 0;}
.ywtx .title p:first-child{font-size:32px; color:#005fd5;}
.ywtx .title p:last-child{font-size:18px; padding:20px 0; color:#666;}

.ywtx .list{width:1200px; margin:auto; display:flex; justify-content:space-between;}
.ywtx .list li{width:380px; height:280px; border:1px #eee solid; padding:20px; box-sizing:border-box; position: relative;}
.ywtx .list li:hover{border:1px #3881de solid;}
.ywtx .list li:first-child:hover{background:url(ico_xtjcs.png) no-repeat center 25px;background-size:50px auto;}
.ywtx .list li:nth-child(2):hover{background:url(ico_xxjss.png) no-repeat center 25px;background-size:50px auto;}
.ywtx .list li:last-child:hover{background:url(ico_rjkfs.png) no-repeat center 30px;background-size:55px auto;}
.ywtx .list li:first-child{ padding-top:80px; background:url(ico_xtjc.png) no-repeat center 25px; background-size:50px auto;}
.ywtx .list li:nth-child(2){padding-top:80px; background:url(ico_xxjs.png) no-repeat center 25px; background-size:50px auto;}
.ywtx .list li:last-child{padding-top:80px; background:url(ico_rjkf.png) no-repeat center 30px; background-size:55px auto;}

.ywtx .list li p:first-child{font-size:18px;padding-top:15px; display:block; text-align:center;color:#333;}
.ywtx .list li:hover p:first-child{color:#3881de;}
.ywtx .list li p:nth-child(2){font-size:15px; color:#666; padding-top:20px;}
.ywtx .list a{position: absolute; left:0px; bottom:-20px; right:0px; border:1px #eee solid; padding:5px 15px; width:80px; margin:auto; background:#fff; text-align:center;}
.ywtx .list li:hover a{border:1px #3881de solid; background:#3881de; color:#fff;}
.ywtx .list a:hover{border:1px #3881de solid; background:#3881de; color:#fff;}

.bottom{background:#005fd5; padding:50px 0; margin-top:50px;}
.bottom ul{width:1200px; margin:auto; display:flex; justify-content:space-between;}
.bottom .menu{color:#fff;}
.bottom .menu a{font-size:16px; color:#fff; position: relative; margin-right:50px;}
.bottom .menu a:before{content:''; position: absolute; top:6px; right:-30px; width:1px; height:10px; background:#fff;}
.bottom .menu a:last-child:before{display:none;}
.bottom .tel{background:url(tel.png) no-repeat left center; padding:10px 30px; display:block; height:50px; line-height:50px;}
.bottom .tel span{font-size:30px; font-family:din; color:#fff;}
.bottom .lx{line-height:30px; color:#dde5f7;font-size: 16px;}
.bottom .lx a{color: #fff;}
.bottom .ewm{color:#dde5f7;}
.bottom .ewm img{width:130px; height:130px;}


.jjfa{background:url(solution-pc.png) no-repeat top center; background-size:100% 100%; height:380px; display:block; margin-top:100px;}
.jjfa ul{width: 1200px; margin: auto;}
.jjfa ul a{float: left; width: 300px; height: 380px; display: flex; justify-content: center; align-items: center;}
.jjfa ul a:hover{opacity: .8;}
.jjfa ul a:hover img{transform: rotate(360deg); transition: 1s all ease;}
.jjfa ul a.zz{background: url(bg_zzy.png) no-repeat top center;}
.jjfa ul a.jy{background: url(bg_jy.png) no-repeat top center;}
.jjfa ul a.jr{background: url(bg_jr.png) no-repeat top center;}
.jjfa ul a.zf{background: url(bg_zf.png) no-repeat top center;}
.jjfa ul a.ny{background: url(bg_ny.png) no-repeat top center;}
.jjfa ul a.jt{background: url(bg_jt.png) no-repeat top center;}
.jjfa ul a.yl{background: url(bg_yl.png) no-repeat top center;}
.jjfa ul a img{display: block; margin: auto;}
.jjfa ul a p{color: #fff;font-size: 18px;position: relative; margin-top:30px;}
.jjfa p:after{content: ''; position: absolute; top: -10px; left: 20px; right: 0px; width: 100px; height: 0px; background:rgba(255,255,255,.5); display: inline-block;}

.picMarquee-left{width: 1200px; margin: auto; position: relative;}
.picMarquee-left .tempWrap{width: 100% !important;}
.picMarquee-left .hd{position:absolute; left: 0px; right: 0px; top: 170px;cursor: pointer;}
.picMarquee-left .hd .next{position: absolute; left: -20px; top: 0px; width: 50px; height: 50px; display: inline-block; z-index: 100;}
.picMarquee-left .hd .prev{position: absolute; right: -30px; top: 0px; width: 50px; height: 50px; display: inline-block; z-index: 100;}


.kfal{width: 1200px; margin: auto;}
.kfal .title{text-align:center; padding:60px 0 30px 0;}
.kfal .title p:first-child{font-size:32px; color:#005fd5;}
.kfal .title p:last-child{font-size:18px; padding:20px 0; color:#666;}
.kfal p.gd a{display: block; text-align: center;font-size: 16px; padding-top: 20px;}
.kfal .list{display: 100%; height: auto; margin-bottom: 20px;}
.kfal .list li{border: 1px #eee solid; width: 199px; float: left; height: 160px; line-height: 100px; display: flex; justify-content: center;align-content: center; margin: 0 -1px -1px 0;}
.kfal .list li a{height: 80px; padding-top: 20px;}
.kfal .list img{width: 180px; height: 133px;}
.kfal .list li:hover img{transition: 1s all ease; transform: scale(1.1,1.1);}



.fullSlide{ min-width:1000px; position:relative;  height:700px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:700px; }

.fullSlide .hd{left:0px; right:0px; bottom:30px; position:absolute; z-index:1;overflow:hidden; text-align:center;}
.fullSlide .hd ul{width:100px; margin:auto; display:inline-block;}
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; background:#999; border-radius:100px; width:10px; height:10px; text-align:center; line-height:15px;font-size:10px; color:#fff;}
.fullSlide .hd ul li.on { background:#f00; }



.dp_box{background: #fff; width: 1200px; margin: auto;min-height: 500px; font-size: 16px; line-height: 35px !important; padding: 50px 0 10px 0;}

.about_ico{background: url(about.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.about_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}
.contact_ico{background: url(contact.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.contact_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}
.news_ico{background: url(news.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.news_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}
.case_ico{background: url(case.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.case_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}

.yw_ico{background: url(yw.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.yw_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}

.nr_list{display: block;}
.nr_list ul{display: block;}
.nr_list li{width: 100%; border-bottom: 1px #eee dotted; padding: 20px 0;}
.nr_list img{width: 270px; height: 200px; float: left; margin-right: 50px; border: 1px #eee solid;}
.nr_list span{font-size: 20px; color: #005fd5; display: block; padding-bottom: 10px;}
.nr_list small.key{display: block;font-size: 16px; line-height: 30px; color: #999;}
.nr_list small.time{font-size: 16px; color: #999;}
.nr_list li:hover span{color: #f00;}

.nr p{line-height: 35px;}
.fy{border-top: 1px #eee solid; padding-top: 20px;}
.fy a{display: block; font-size: 16px; height: 40px; line-height: 40px;}

.wz{background: url(ico_arrs.png) no-repeat left 6px; background-size: 15px auto; padding-left: 25px;font-size: 16px; width: 1200px; margin:40px auto 0; border-bottom: 1px #eee dotted; padding-bottom: 20px; color: #999;}
.wz a{font-size: 16px; color: #005fd5;}

.page{font-size: 16px; padding-top: 20px;}
.page a{font-size: 16px;}


.case_xq{ display: block;}
.case_xq p{ line-height: 40px;}
.case_xq .bt{width: 100%;font-size: 25px; color: #d51a10;text-align: center; border-bottom: 1px #eee solid; padding-bottom: 30px;}


.zl_ico{background: url(zl.png) no-repeat left center; background-size: 100px auto; display: block; height: 120px; width: 300px; margin: 0 auto 50px auto;}
.zl_ico span{padding-left: 130px; color: #005fd5;font-size: 30px; line-height: 120px;}


.ny_navs{background: #fff;text-align: center;font-size: 0;border-bottom: 1px #eee solid;}
.ny_navs ul{width: 1240px; margin: auto;display: flex;justify-content: center; flex-flow: row wrap;}
.ny_navs a{font-size: 17px; line-height: 70px;display: inline-block; border-right: 1px #eee solid;flex: 1; min-width: 200px; max-width: 300px; border-bottom: 1px #eee solid;}
.ny_navs a.active{color: #3A5DBC;font-weight: bold; border-bottom: 2px #3A5DBC solid;}
.ny_navs a:first-child{border-left: 1px #eee solid;}

/* 大标题 */
.title{display: block;text-align: center;color: #3A5DBC; padding: 60px 0;}
.title strong{font-size: 30px;}
.title small{display: block;text-align: center;font-size: 12px; position: relative;}
.title small::after{content: ''; background: #3A5DBC; width: 40px; height: 2px;display: inline-block; position: absolute; left: 0; right: 0; bottom: -16px; margin: auto;}