html,body{overflow: initial !important;}
.box{width: 1200px;margin: 0 auto;}

.header{padding: 18px 0 27px;position: relative;z-index: 9;}
.header-nav{padding-top: 42px;}
.header-nav li{float: left;line-height: 38px;padding: 0 7px;margin-left: 20px;font-size: 18px;transition: all .4s;position: relative;}
.header-nav li a{display: block;}
.header-nav li .child{position: absolute;width: 110px;left: 50%;margin-left: -55px;top: 100%;display: none;padding: 5px 0;background: rgba(255,255,255,.9);box-shadow: 0 0 10px rgba(0,0,0,.3);text-align: center;font-size: 16px;}
.header-nav li:hover .child{display: block;}
.header-nav li:hover>a{color: #e60012;}
.header-nav li a:hover{color: #e60012;}

.banner{overflow: hidden;margin-bottom: 20px;}
.banner .swiper-slide{height: 300px;background: no-repeat center;background-size: cover;}

.page-box{margin-bottom: 45px;}
.page-left{width: 250px;}
.page-left dl{margin-bottom: 10px;}
.page-left dl dt{background: #e7e7e7;border-radius: 7px 7px 0 0;padding: 10px 23px;line-height: 20px;font-size: 16px;font-weight: bold;}
.page-left dl dd{border: 1px solid #e7e7e7;border-top: 0;padding: 15px 0;}
.page-left dl dd.infos{padding-left: 22px;padding-right: 22px;}
.page-left dl dd.infos p{line-height: 20px;margin-bottom: 5px;text-indent: -3em;padding-left: 3em;font-size:15px;}
.page-left dl dd.navs a{display: block;width: 120px;border: 1px solid #e8e8e8;background: #f5f5f5;font-size: 16px;line-height: 38px;border-radius: 40px;margin: 0 auto 9px;padding:0 20px;}
.page-left dl dd.navs a:after{content: "";display: inline-block;background: url(../pic/jt.png) no-repeat center;width: 15px;height: 15px;margin-left: 13px;float:right;margin-top:11px;}
.page-right{width: 890px;border: 1px solid #eee;padding: 0 14px 20px;}
.index-page-right{border: 0;padding: 0 0 20px 15px;width: 905px;}
.page-title{font-size: 24px;line-height: 44px;margin-bottom:15px;padding: 10px 0;text-align: center;font-weight: bold;color: #e60012;border-bottom: 1px solid #ccc;}
.page-title .time{text-align: center;color: #999;font-size: 16px;line-height: 20px;font-weight: normal;}
.page-con{font-size: 16px;line-height: 30px;text-align: justify;}
.index-page-right .page-con{max-height: 304px;}

.index-news{margin-bottom: 40px;}
.index-news .label{border-left: 1px solid #333;padding-left: 2px;display: flex;margin-bottom: 20px;}
.index-news .label:after{content: "";flex: 1;border-bottom: 1px solid #000;height: 35px;}
.index-news .label dl{border-left: 6px solid #333;padding-left: 15px;padding-right: 35px;display: inline-block;vertical-align: top;}
.index-news .label dt{font-size: 24px;line-height: 1em;margin-bottom: 9px;}
.index-news .label dd{font-size: 12px;line-height: 1em;opacity: .5;text-transform: uppercase;}
.index-news .items{float: left;width: 560px;margin-right: 80px;}
.index-news .items:nth-child(2n){margin-right: 0;}
.index-news li{font-size: 16px;line-height: 28px;padding: 5px 0;}
.index-news li .time{float: right;color: #aaa;padding-left: 3px;}
.index-news li:hover{color: #e60012;}

.friend-link{border-top: 1px solid #c1c1c1;line-height: 30px;padding: 5px 0;}
.friend-link .label{font-size: 18px;float: left;}
.friend-link a{float: left;font-size: 16px;margin-left: 10px;padding: 0 5px;}
.friend-link a:hover{color: #e60012;}

.footer{border-top: 1px solid #c1c1c1;padding: 25px 0;}
.footer .left{width: 1060px;line-height: 30px;font-size: 16px;}
.footer .left a:hover{color: #e60012;}
.footer .left-top span{float: left;margin-right: 30px;}
.footer .left-bottom{text-align: center;padding-top: 20px;}
.footer .left-bottom span{display: inline-block;padding: 0 15px;}
.footer .right .title{width: 1em;line-height: 100px;font-size: 16px;padding: 0 10px;}
.footer .right .title span{line-height: 1em;display: inline-block;vertical-align: middle;}
.footer .right .img{width: 100px;height: 100px;}


/*list*/
.list-news .item{padding: 5px 0 5px 14px;border-bottom: 1px dashed #ddd;}
.list-news .item a{display: block;}
.list-news .item .title{font-size: 16px;line-height: 30px;margin-left: -14px;}
.list-news .item a:hover .title{color: #e60012;}
.list-news .item .title:before{content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #ccc;margin-right: 8px;vertical-align: middle;}
.list-news .item .title span{float: right;color: #aaa;}
.list-news .item .desc{color: #999;line-height: 22px;text-align: justify;max-height: 44px;overflow: hidden;}

.list-honors .item{margin-right: 13px;float: left;width: 288px;}
.list-honors .item:nth-child(3n){margin-right: 0;}
.list-honors .item:nth-child(n+4){margin-top: 13px;}
.list-honors .item .img{padding-bottom: 70.83%;overflow: hidden;}
.list-honors .item .img img{transition: all .4s;}
.list-honors .item .img:hover img{transform: scale(1.1);}
.list-honors .item .title{font-size: 18px;line-height: 40px;text-align: center;}

.list-service .item{margin-right: 13px;float: left;width: 288px;}
.list-service .item:nth-child(3n){margin-right: 0;}
.list-service .item:nth-child(n+4){margin-top: 13px;}
.list-service .item .img{padding-bottom: 81.66%;overflow: hidden;}
.list-service .item .img img{transition: all .4s;}
.list-service .item .img:hover img{transform: scale(1.1);}
.list-service .item .title{font-size: 18px;line-height: 40px;text-align: center;}


/*pagination*/
.pagination{text-align: center;padding:20px 0;line-height: 30px;}
.pagination a{display: inline-block;margin: 0 5px;font-size: 14px;padding: 0 5px;}
.pagination a[href]:hover{text-decoration: underline;color: #e60012;}


/*page*/
.page-contactus .left{float: left;width: 380px;}
.page-contactus .left{line-height: 300px;}
.page-contactus .left dl{line-height: 30px;display: inline-block;vertical-align: middle;}
.page-contactus .left dl dt{font-size: 24px;margin-bottom: 15px;}
.page-contactus .left dl dd{line-height: 30px;font-size: 16px;}
.page-contactus .right{float: right;width: 470px;height: 300px;}
#container{width: 100%;height: 100%;}

.html-box img{max-width: 100%;height: auto !important;}