@charset "utf-8";
body{margin: 0;color: #333;font-family: "Microsoft Yahei";font-size: 15px;line-height: 1;letter-spacing: 1px;}
*{margin: 0;padding: 0;}
li{list-style: none;}
i,em{font-style: normal;}
img{border: 0;vertical-align: middle;}
.cen{margin: 10px auto;text-align: center;}
.cen img{border-radius: 8px;}
a{color: #555;text-decoration: none;}
a:hover{color: #cc0000;text-decoration: none;}
header .top{height: 30px;background: url(img/top.png) no-repeat top center;}
header .head{max-width: 1200px;height: 140px;margin: 0 auto;}
header .head .logo{float: left;width: 260px;padding-top: 40px;}
header .head .logo img{padding-right: 30px;border-right: #ccc 1px solid;}
header .head .txt{float: left;width: 600px;padding-top: 40px;padding-left: 50px;color: #0f58d6;font-size: 24px;line-height: 30px;font-weight: 600;}
header .head .txt p{color: #343a40;font-size: 18px;font-weight: normal;}
header .head .tel{float: right;padding-left: 45px;padding-top: 35px;background: url(img/tel.png) no-repeat left 45px;}
header .head .tel span{display: block;margin-top: 8px;color: #0f58d6;font-family: Impact;font-size: 26px;}
header .nav{height: 60px;background-color: #0f58d6;}
header .nav a{display: block;color: #fff;text-align: center;}
header .nav ul{max-width: 1200px;margin: 0 auto;}
header .nav ul li{float: left;width: 171px;font-size: 16px;line-height: 60px;}
header .nav ul li:hover a,header .nav ul li:first-child a{background: #232323;}
.banner{position: relative;overflow: hidden;width: 100%;margin: 0 auto;}
.slide{overflow: hidden;display: block;float: left;width: 1920px;}
#dots{position: absolute;bottom: 13px;left: 51.6%;z-index: 99;height: 13px;}
#dots li{float: left;width: 100px;height: 10px;margin-left: -76px;}
#dots li a{display: block;width: 10px;height: 10px;background: #999;border: #fff 1px solid;border-radius: 4px;}
#dots li.act a{background: #0749bc;}

.w1200{width: 1200px;margin: 0 auto;}
.title{height: 90px;color: #333;font-size: 38px;text-align: center;}
.title em{display: block;padding-top: 15px;color: #999;font-size: 16px;line-height: 20px;font-weight: normal;text-transform: uppercase;}
.chanpin{overflow: hidden;margin-top: 50px;}
.chanpin .nav li{display: inline-block;width: 150px;height: 50px;margin: 8px;background: #f5f5f5;border-radius: 3px;text-align: center;}
.chanpin .nav li a{display: block;width: 100%;color: #474747;font-size: 16px;line-height: 50px;}
.chanpin .nav li:hover{background: #0f58d6;}
.chanpin .nav li:hover a{color: #fff;}
.chanpin .list{overflow: hidden;margin-top: 25px;}
.chanpin .list dl{position: relative;float: left;width: 22.8%;margin: 1%;border: #e5e5e5 1px solid;border-radius: 3px;}
.chanpin .list dt{position: relative;width: 100%;}
.chanpin .list dt img{display: block;width: 100%;}
.chanpin .list dd{width: 100%;height: 50px;background: #e5e5e5;color: #474747;font-size: 16px;line-height: 50px;text-align: center;}
.chanpin .list dl:hover{box-shadow: 0 0 7px 2px rgb(0 0 0 / 19%);border-radius: 3px;}
.chanpin .list dl:hover dd{background: #0f58d6;color: #fff;}

.cpcon dl{position: relative;float: left;width: 31%;margin: 1%;border: #e5e5e5 1px solid;border-radius: 3px;}
.cpcon dt{position: relative;width: 100%;}
.cpcon dt img{display: block;width: 100%;}
.cpcon dd{width: 100%;height: 50px;background: #e5e5e5;color: #474747;font-size: 16px;line-height: 50px;text-align: center;}
.cpcon dl:hover{box-shadow: 0 0 7px 2px rgb(0 0 0 / 19%);border-radius: 3px;}
.cpcon dl:hover dd{background: #0f58d6;color: #fff;}
.about{display: flex;justify-content: center;margin-top: 50px;}
.about .left{width: 960px;}
.about .left img{width: 960px;height: 548px;}
.about .right{width: 50%;background: #f5f5f5;}
.about .box{width: 630px;margin-top: 50px;margin-left: 60px;}
.about .box h3{margin-bottom: 20px;color: #333;font-size: 30px;line-height: 40px;font-weight: 600;}
.about .box h3 span{display: block;color: #0f58d6;font-size: 34px;text-transform: uppercase;}
.about .box p{color: #666;font-size: 16px;line-height: 30px;}
.about .box ul{margin-top: 30px;}
.about .box li{float: left;width: 72px;}
.about .box li+li{margin-left: 65px;}
.about .box li .img{display: block;width: 72px;height: 72px;padding: 10px;box-sizing: border-box;background: #fff;border-radius: 5px;border: #e6e6e6 1px solid;}
.about .box li .img img:first-child{display: block;max-width: 100%;}
.about .box li .img img:last-child{display: none;max-width: 100%;}
.about .box li h3{margin-top: 30px;color: #666;font-size: 16px;line-height: 30px;font-weight: normal;}
.about .box li:hover .img{background: #0f58d6;}
.about .box li:hover h3{color: #0f58d6;}
.about .box li:hover .img img:first-child{display: none;}
.about .box li:hover .img img:last-child{display: block;}
.skf{width: 100%;height: 170px;margin: 0 auto;padding: 3rem;box-sizing: border-box;background: #0f58d6;}
.skf h3{display: inline-block;float: left;margin: 0 1.5rem;border-bottom: #fff 2px solid;color: #fff;font-size: 1.5rem;line-height: 2.2;font-weight: 700;}
.skf li{float: left;width: 18.5%;color: #fff;font-size: 16px;line-height: 3;text-align: center;font-weight: 700;letter-spacing: 0;}
.skf li img{display: block;margin-right: auto;margin-left: auto;transition: all ease-out .5s;-webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s;-ms-transition: all ease-out .5s;-o-transition: all ease-out .6s;}
.skf li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.ys{padding-top: 60px;background: url(img/ysbg.jpg) no-repeat center;}
.ys ul{display: flex;margin-top: 30px;}
.ys li{position: relative;width: calc(100% / 4);padding: 60px 15px 60px;text-align: center;cursor: pointer;transition: all ease-out .3s;}
.ys li:hover{box-shadow: 0 12px 37px 3px rgba(15,77,169,0.13);}
.ys li::after{content: "";position: absolute;bottom: 0;left: 0;display: inline-block;width: 100%;height: 6px;background: #0f58d6;opacity: 0;transition: all ease-out .3s;}
.ys li:hover::after{opacity: 1;}
.ys li i{display: inline-block;width: 50%;height: 70px;background-size: auto 100%;background-repeat: no-repeat;background-position: center;transition: all ease-out .3s;}
.ys li:nth-child(1) i{background-image: url(img/ysico1.png);}
.ys li:nth-child(2) i{background-image: url(img/ysico2.png);}
.ys li:nth-child(3) i{background-image: url(img/ysico3.png);}
.ys li:nth-child(4) i{background-image: url(img/ysico4.png);}
.ys li:nth-child(1):hover i{background-image: url(img/ysico11.png);}
.ys li:nth-child(2):hover i{background-image: url(img/ysico22.png);}
.ys li:nth-child(3):hover i{background-image: url(img/ysico33.png);}
.ys li:nth-child(4):hover i{background-image: url(img/ysico44.png);}
.ys li h3{margin: 12px 0 5px;color: #333;font-size: 18px;font-weight: 550;}
.ys li p{margin-top: 15px;color: #666;font-size: 14px;line-height: 20px;text-transform: uppercase;}
.ys .tit::after{content: "";display: block;width: 75px;height: 1px;margin: 5px auto;background: #0f58d6;}

.news{overflow: hidden;width: 100%;height: auto;padding: 40px 0 40px;background: #fff;}
.news .new-box{overflow: hidden;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;width: 100%;height: auto;margin: 20px auto;}
.news .left{overflow: hidden;height: auto;padding: 20px;background: #fafafa;}
.news .left img{width: 100%;margin-bottom: 20px;}
.news a{display: block;padding: 10px 0;color: #111;font-size: 18px;font-weight: 600;}
.news .left h3{padding: 6px 10px;border-bottom: #999 1px dashed;}
.news .left p{padding: 10px;color: #666;line-height: 30px;}
.news .left img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.news .left img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.news .right{overflow: hidden;height: auto;}
.news .right h3{padding: 0 25px;}
.news .right p{padding: 0 25px;color: #999;font-size: 16px;}
.news .right li{overflow: hidden;width: 100%;height: auto;margin-bottom: 20px;padding: 20px 0;background: #fafafa;transition: all .5s;-webkit-transition: all .5s;}
.news .right li:last-child{margin-bottom: 0;}
.news .right li:hover{background: #0f58d6;}
.news .right li:hover a,.news .right li:hover p{color: #fff;}
.xinwen{overflow: hidden;width: 100%;height: auto;}
.xinwen li{overflow: hidden;width: 100%;height: auto;margin-bottom: 20px;padding: 20px;background: #fff;border: #dedede 1px solid;box-sizing: border-box;}
.xinwen dl{display: grid;grid-template-columns: 1.2fr 2.8fr;grid-gap: 30px;}
.xinwen dt,.xinwen dd{overflow: hidden;width: 100%;height: auto;}
.xinwen dt img{width: 100%;}
.xinwen dd h3{margin-bottom: 10px;font-weight: normal;}
.xinwen dd h3 a{display: block;color: #111;font-size: 18px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.xinwen dd p{margin-bottom: 40px;color: #797979;line-height: 24px;}
.xinwen dd .more{overflow: hidden;display: block;float: right;width: 100px;height: auto;background: #b6b6b6;line-height: 40px;text-align: center;}
.xinwen dd a{color: #fff;}
.xinwen li:hover{border: #0f58d6 1px solid;}
.xinwen li:hover .more{background: #0f58d6;}
.page{width: 100%;height: auto;margin: 0 auto;padding: 3px;line-height: 50px;text-align: center;clear: both;}
.next99{padding: 10px;border: #999 1px dashed;text-align: center;}
.neiye{margin: 0 auto;text-align: center;background: #0057dc;}
.neiye img{display: block;margin: 0 auto;}

.content{overflow: hidden;width: 1200px;margin: 30px auto;}
.content .left{overflow: hidden;float: left;width: 238px;height: auto;border: #f1f0f0 1px solid;border-radius: 10px 10px 0 0;}
.content .left h2{width: 238px;height: 84px;background: url(img/tbg.jpg) no-repeat center;color: #fff;}
.content .left h2 em{display: block;margin-bottom: 10px;padding-top: 22px;font-size: 25px;text-indent: 65px;}
.content .left h2 i{display: block;font-size: 12px;text-indent: 65px;text-transform: uppercase;font-weight: normal;}
.content .left ul{overflow: hidden;padding-top: 10px;border-top: none;background: #fff;}
.content .left li{overflow: hidden;width: 100%;}
.content .left li a{display: block;height: 54px;padding-left: 35px;box-sizing: border-box;background: url(img/ico1.png) no-repeat 210px center;color: #333;font-size: 16px;line-height: 54px;border-bottom: #e3e0e0 1px solid;}
.content .left li a:hover{color: #fff;background: url(img/ico2.png) no-repeat 210px center;background-color: #0c55d8;}
.content .right{overflow: hidden;float: right;width: 935px;height: auto;}
.content .right h2{margin-bottom: 10px;color: #0075cf;font-size: 20px;line-height: 36px;text-align: center;}
.content .right p{margin-bottom: 10px;line-height: 2;}
.contact{width: 80%;margin: 30px auto;background: url(img/logo.jpg) no-repeat 350px 100px;}
.contact h3{margin-bottom: 10px;color: #0075cf;font-size: 26px;line-height: 36px;}
.contact p{font-size: 16px;line-height: 35px;}

.xiazai li{position: relative;overflow: hidden;height: 40px;margin: 25px auto;padding: 20px;background: #f9f9f9;border: #fff 1px solid;border-radius: 8px;font-size: 16px;line-height: 40px;}
.xiazai li a{display: block;color: #0f58d6;}
.xiazai li span{position: absolute;top: 15px;right: 20px;display: block;width: 90px;height: 25px;margin-top: 15px;background: #999;color: #fff;font-size: 14px;line-height: 25px;text-align: center;}
.xiazai li span a{color: #fff;}
.xiazai li:hover{border: #0f58d6 1px solid;}
.xiazai li:hover span{background: #0f58d6;}
footer{position: relative;overflow: hidden;width: 100%;height: auto;background: #eee;}
footer .w1200{overflow: hidden;padding: 50px 0;}
.foot{overflow: hidden;}
.foot li{float: left;width: 200px;height: auto;font-size: 16px;}
.foot li h3{margin-bottom: 30px;color: #111;font-size: 22px;font-weight: normal;}
.foot li a{display: block;color: #666;line-height: 35px;}
.foot li p{display: block;color: #666;line-height: 35px;}
.foot li:nth-child(3){width: 600px;}
.foot li:nth-child(3) a{display: inline-block;}
.foot li:nth-child(4){text-indent: 15px;}
.foot li span{display: block;font-size: 20px;line-height: 50px;text-indent: 35px;}
.banquan{margin-top: 20px;padding-top: 30px;border-top: #999 1px solid;color: #666;font-size: 16px;text-align: center;}