@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;}
a{color: #555;text-decoration: none;}
a:hover{color: #cc0000;text-decoration: none;}
.clearfix{zoom: 1;}
.cen{margin: 10px auto;text-align: center;}
.cen img{border-radius: 8px;}
.head{position: relative;width: 1200px;height: 140px;margin: 0 auto;padding-top: 10px;}
.head .logo{float: left;width: 400px;margin-top: 30px;font-size: 40px;}
.head .logo img{margin-right: 20px;}
.head .txt{float: left;width: 280px;margin-top: 25px;padding-left: 20px;background: url(img/x1.png) no-repeat left center;font-size: 24px;line-height: 30px;}
.head .txt span{display: block;margin-top: 8px;color: #009ce5;font-size: 24px;font-weight: 600;}
.head .text{float: left;width: 120px;margin-top: 38px;margin-left: 30px;padding-left: 60px;background: url(img/ico1.png) no-repeat left center;font-size: 16px;line-height: 30px;}
.head .tel{float: right;padding-left: 60px;padding-top: 15px;background: url(img/tel.png) no-repeat left 43px;}
.head .tel span{display: block;margin-top: 8px;font-family: Impact;font-size: 26px;}
nav{height: 60px;background-color: #0290d1;}
nav a{display: block;color: #fff;text-align: center;}
nav ul{max-width: 1200px;margin: 0 auto;}
nav ul li{float: left;width: 200px;font-size: 16px;line-height: 60px;}
nav ul li:hover a,nav ul li:first-child a{background: #4eb2df;color: #fff;}

.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: #0290d1;}

.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: #0290d1;}
.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: #0290d1;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: #0290d1;color: #fff;}
.app{margin-top: 50px;padding: 50px 0;box-sizing: border-box;background: url(img/appbg.jpg) no-repeat center;}
.app h2,.app h2 em{color: #fff;}
.app .list{position: relative;width: 1200px;height: 560px;margin: 0 auto;}
.app ul{height: 164px;margin: 30px 0;padding: 0 15px;text-align: justify;}
.app li{position: relative;overflow: hidden;float: left;width: 214px;height: 100%;margin: 10px;background: #fff;font-size: 0;text-align: center;}
.app li:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.app li img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.app li .txt{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.app li .txt h3{position: absolute;top: 70px;z-index: 30;width: 100%;color: #fff;font-size: 18px;text-align: center;font-weight: normal;}
.app li .yuan{position: absolute;top: 50%;left: 50%;z-index: 10;width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #333;border-radius: 50%;opacity: .9;transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.app a{color: inherit;text-decoration: none;transition: ease .3s;}
.app li:hover .yuan{transform: scale(3.7, 3.7);-webkit-transform: scale(3.7, 3.7);-moz-transform: scale(3.7, 3.7);}
.app li:nth-child(1) .yuan,.app li:nth-child(11) .yuan{background: #6bddd7;}
.app li:nth-child(2) .yuan,.app li:nth-child(12) .yuan{background: #56de7f;}
.app li:nth-child(3) .yuan,.app li:nth-child(13) .yuan{background: #818181;}
.app li:nth-child(4) .yuan,.app li:nth-child(14) .yuan{background: #0087fa;}
.app li:nth-child(5) .yuan,.app li:nth-child(15) .yuan{background: #fcc300;}
.app li:nth-child(6) .yuan{background: #fcc300;}
.app li:nth-child(7) .yuan{background: #0087fa;}
.app li:nth-child(8) .yuan{background: #818181;}
.app li:nth-child(9) .yuan{background: #56de7f;}
.app li:nth-child(10) .yuan{background: #6bddd7;}

.about{overflow: hidden;padding-top: 50px;}
.about dl{position: relative;width: 1200px;height: 368px;margin-top: 40px;background: url(img/bg1.jpg) no-repeat top;}
.about dt{position: relative;overflow: hidden;float: left;top: -30px;width: 550px;height: 375px;margin-left: 25px;}
.about dt img{display: block;width: 100%;height: 100%;transition: all .3s ease-out 0s;}
.about dt:hover img{transform: scale(1.05, 1.05);}
.about dd{float: right;width: 610px;padding: 40px;box-sizing: border-box;color: #fff;line-height: 28px;}
.about dd h3{font-size: 24px;font-weight: 500;}
.about dd em{display: block;font-size: 16px;text-transform: uppercase;}
.about dd p{padding: 15px 0;}
.about dd span{float: right;display: block;width: 68px;height: 36px;border: #efefef 1px solid;line-height: 36px;text-align: center;}
.about dd span i{display: block;width: 22px;height: 8px;margin: 14px auto 0;background-position: 0 0;vertical-align: middle;}
.about dd .ico{background: url(img/ico2.png) no-repeat;}
.about dd a:hover span{border: #fff 1px solid;}
.about dd a:hover span i{background-position: 0 -20px;}

.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: #0290d1;}
.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: #0290d1 1px solid;}
.xinwen li:hover .more{background: #0290d1;}
.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;}

.content{overflow: hidden;width: 1200px;margin: 30px auto;}
.content .left{float: left;width: 230px;}
.content .left h2{position: relative;height: 92px;padding-top: 16px;padding-left: 24px;background: #2b2b2b;border-radius: 5px 5px 0px 0px;border-bottom: 1px solid #fff;color: #fff;font-size: 28px;font-weight: 500;box-sizing: border-box;}
.content .left h2:after{content: "";position: absolute;bottom: 20px;right: 0;display: block;width: 115px;height: 3px;background: url(img/x2.png) no-repeat;}
.content .left li{position: relative;width: 100%;height: 54px;background: #f0f0f0 url(img/ico3.png) no-repeat 200px center;border-bottom: 1px solid #fff;line-height: 54px;}
.content .left li a{display: block;padding-left: 20px;color: #3a434c;}
.content .left li:hover{background: #0290d1 url(img/ico4.png) no-repeat 200px center;}
.content .left li:hover a{color: #fff;}
.content .right{float: right;width: 935px;}
.content .right h2{position: relative;padding-bottom: 12px;border-bottom: 1px solid #ddd;color: #383838;font-size: 24px;font-weight: 500;line-height: 35px;}
.content .right h2:after{content: "";position: absolute;bottom: -2px;display: block;width: 60px;height: 4px;background: #0290d1;}
.content .right .txt{padding: 2%;line-height: 30px;}
.content .right .txt p{margin-bottom: 10px;}


.contact{width: 80%;margin: 30px auto;background: url(img/logo.jpg) no-repeat 350px 100px;}
.contact h3{margin-bottom: 10px;color: #e4032e;font-size: 26px;line-height: 36px;}
.contact p{font-size: 16px;line-height: 35px;}
.page{width: 100%;height: auto;margin: 0 auto; clear: both;padding: 3px;text-align: center;line-height: 50px;}
.next99{padding: 10px;border: #999 1px dashed;text-align: center;}
footer{position: relative;overflow: hidden;width: 100%;height: auto;background: #00a3dc;color: #fff;}
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;font-size: 22px;font-weight: normal;}
.foot li a{display: block;color: #fff;line-height: 35px;}
.foot li p{display: block;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{height: 60px;background: #606060;font-size: 15px;text-align: center;line-height: 60px;}