@charset "utf-8";
body{overflow-x: hidden;width: 100%;min-width: 1200px;max-width: 1920px;margin: 0 auto;padding: 0;color: #333;font-family: "Microsoft Yahei";font-size: 15px;line-height: 1;letter-spacing: 1px;}
*{margin: 0;padding: 0;}
ul,li{list-style: none;}
i,em{font-style: normal;}
img{border: 0;vertical-align: middle;}
.clearfix{zoom: 1;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.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{background: url(img/hbg.jpg) no-repeat right 40px;}
.head{position: relative;width: 1200px;height: 120px;margin: 0 auto;padding-top: 10px;box-sizing: border-box;}
.head .logo{float: left;width: 400px;margin-top: 20px;font-size: 30px;}
.head .logo img{margin-right: 20px;}
.head .txt{float: left;width: 300px;margin-top: 10px;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: #2b88c8;font-size: 24px;font-weight: 600;}
.head .tel{float: right;padding-left: 55px;color: #404040;font-size: 16px;background: url(../img/tel.png) no-repeat left center;}
.head .tel span{display: block;margin-top: 10px;font-family: GothamBook, Arial;font-size: 26px;color: #141414;}
nav{height: 60px;background-color: #31305d;}
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: #2b88c8;color: #fff;}
.banner{position: relative;max-width: 1920px;height: auto;margin: 0 auto !important;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;}
.banner .hd{position: absolute;left: 0;bottom: 5%;z-index: 1;width: 100%;margin: 0 auto;text-align: center;cursor: pointer;}
.banner .hd li{display: inline-block;width: 13px;height: 13px;margin: 0 10px;background: #fff;border-radius: 13px;}
.banner .hd li.on{background: #31305d;}
.banner .prev{position: absolute;left: 0;top: 50%;z-index: 10;transform: translateY(-50%);transition: all .5s;opacity: 0;}
.banner .next{position: absolute;right: 0;top: 50%;z-index: 10;transform: translateY(-50%);transition: all .5s;opacity: 0;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}
.pic{overflow: hidden;width: 100%;}
.pic img{-o-transition: all .6s linear 0s;transition: all .6s linear 0s;}
.pic:hover img{-webkit-transform: scale(1.1) rotate(0) translateY(0);-ms-transform: scale(1.1) rotate(0) translateY(0);transform: scale(1.1) rotate(0) translateY(0);}
.about{height: 480px;margin-top: 50px;padding: 58px 0 0;background: #f5f5f5 url(img/abg.jpg) repeat-x top;box-sizing: border-box;}
.about dt{overflow: hidden;display: block;float: right;width: 600px;height: 360px;}
.about dt img{display: block;width: 600px;height: 360px;transition: all .5s;}
.about dd{float: left;width: 500px;height: 360px;}
.about dd h4{position: relative;display: block;height: 77px;padding-top: 20px;background: url(img/x2.png) no-repeat left bottom; color: #2b88c8;font-size: 40px;line-height: 23px;}
.about dd h4 img{display: inline-block;width: 202px;height: 33px;margin-left: 15px;vertical-align: -8px;}
.about dd p{width: 484px;padding-top: 30px;color: #666;font-size: 16px;line-height: 30px;}
.about dd a:hover{text-decoration: none;}
.about dd .more{display: inline-block;width: 150px;height: 40px;margin-top: 25px;background: url(img/more.png) no-repeat center;border-radius: 20px;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;color: #fafafa;font-size: 16px;line-height: 40px;text-align: center;}
.about dd .more img{overflow: hidden;display: inline-block;width: 16px;height: 12px;margin-left: 16px;-o-transition: all .3s ease;transition: all .3s ease;vertical-align: -1px;}
.about dd .more:hover img{margin-left: 10px;}
.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 .list{overflow: hidden;margin-top: 25px;}
.chanpin .list dl{position: relative;float: left;width: 17.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: #2b88c8;color: #fff;}
.history{position: relative;height: 600px;padding: 50px 0 0;box-sizing: border-box;}
.history .his_box{position: relative;margin-top: 25px;}
.history .his_box:after{content: "";position: absolute;top: 142px;left: 50%;width: 1920px;height: 2px;margin-left: -960px;background: #d7d8d9;}
.history .his_list{position: relative;z-index: 2;}
.history .his_list li{position: relative;float: left;width: 300px;height: 400px;}
.history .his_list .bg{position: relative;overflow: hidden;width: 300px;height: 400px;line-height: 0;opacity: 0;transition: all .3s ease;-o-transition: all .3s ease;}
.history .his_list .bg img{width: 300px;height: 400px;}
.history .his_list .con{position: absolute;top: 0;left: 0;width: 300px;height: 400px;padding: 50px 42px 0 42px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.history .his_list .con h3{margin-bottom: 84px;color: #333;font-family: Century Gothic;font-size: 50px;line-height: 50px;font-weight: 500;}
.history .his_list .con h3 em{display: inline-block;font-size: 40px;}
.history .his_list .con p{color: #666;font-size: 16px;line-height: 30px;}
.history .his_list .con p span{display: block;padding-bottom: 24px;color: #333;font-size: 22px;line-height: 24px;}
.history .his_list .con i{position: absolute;top: 135px;left: 40px;display: block;width: 14px;height: 14px;background: #eee;border: #a0a0a0 1px solid;border-radius: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.history .his_list .con i:after{content: "";position: absolute;top: 3px;left: 3px;width: 6px;height: 6px;background: #a0a0a0;border-radius: 50%;}
.history .his_list li:hover .bg{opacity: 1;}
.history .his_list li:hover .con h3,.history .his_list li:hover .con p,.history .his_list li:hover .con p span{color: #fff;}
.history .his_list li:hover .con i{top: 126px;width: 1px;height: 30px;background: #fff;border: none;}
.history .his_list li:hover .con i:after{display: none;}
.history .his_next,.history .his_prev{position: absolute;top: 118px;z-index: 2;width: 50px;height: 50px;cursor: pointer;transition: all .3s ease;-o-transition: all .3s ease;}
.history .his_prev{left: -70px;}
.history .his_next{right: -70px;}
.news{overflow: hidden;width: 100%;height: auto;padding: 0 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: #2b88c8;}
.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: #2b88c8 1px solid;}
.xinwen li:hover .more{background: #2b88c8;}
.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;}


footer{position: relative;overflow: hidden;width: 100%;height: auto;background: #eee url(img/fbg.png) no-repeat right bottom;}
footer .w1200{overflow: hidden;padding: 50px 0;}
.foot{overflow: hidden;height: auto;}
.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;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: 65px;color: #fff;font-size: 15px;text-align: center;line-height: 65px;}