html{overflow-y:auto !important;}
.box{width: 80%;margin: 0 auto;}

.header .top{background: #f5f5f5;line-height: 20px;padding: 8px 0;}
.header .top span{display: inline-block;margin-left: 20px;}
.header .top i{display: inline-block;margin-right: 5px;}
.header .top a:hover{color: #1d71cb;}

.header .middle{position: relative;z-index: 9;}
.header .middle .logo{max-width: 30%;height: 70px;line-height: 70px;padding: 10px 0;}
@media screen and (min-width: 768px){
	.header .middle .nav .nav-menu{display: none;}
	.header .middle .nav li:hover .child{display: block;}
	.header .middle .nav li:hover>a{color: #1d71cb;}
}
.header .middle .nav{padding: 25px 0;position: relative;}
.header .middle .nav li{float: left;}
.header .middle .nav li>a{display: block;padding: 0 15px;font-size: 18px;line-height: 40px;}
.header .middle .nav li .child{background: #fff;border-top: 1px solid #e0e0e1;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);position: absolute;display: none;width: 820px;top: 65px;right:0%;overflow: hidden;}
.header .middle .nav li .child dt{float: left;border-right: 1px solid #e0e0e1;width: 304px;padding: 0 45px 0 25px;height: 304px;line-height: 60px;}
.header .middle .nav li .child dt a{display: block;border-bottom: 1px solid #e0e0e1;font-size: 16px;}
.header .middle .nav li .child dt a:last-child{border-bottom: 0;}
.header .middle .nav li .child dt a:hover{color: #1d71cb;}
.header .middle .nav li .child dt a i{float: right;}
.header .middle .nav li .child dd{float: right;padding: 15px 20px;width: 405px;height: 274px;}

/*banner*/
.banner .swiper-slide{height: 0;padding-bottom: 37.5%;background: center/cover;}

/*label*/
.label{padding: 20px 0;text-align: center;}
.label .title{font-size: 28px;margin-bottom: 10px;}
.label .child a{display: inline-block;margin: 0 10px;font-size: 16px;}
.label .child a:hover{color: #1d71cb;}

/*box1*/
.box1{padding-bottom: 20px;}
.box1 ul li{float: left;width: 32%;margin-right:2%;transition: all .4s;}
.box1 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: translateY(-5px);}
@media screen and (min-width: 768px){
	.box1 ul li:nth-child(3n){margin-right: 0;}
	.box1 ul li:nth-child(n+4){margin-top: 2%;}
}

.box1 ul li .pic-box{padding-bottom: 80%;}
.box1 ul li .title{background: #F2F4F6;line-height: 40px;text-align: center;font-size: 16px;}


/*box2*/
.box2{padding-top: 30px;}
.box2 .pic-box{width: 50%;padding-bottom: 30%;}
.box2 .about{width: 50%;background: #1d71cb;height: 0;padding-bottom: 30%;overflow: hidden;}
.box2 .about dl{width: 75%;padding: 5%;color: #fff;}
.box2 .about dl dt{font-size: 22px;margin-bottom: 20px;}
.box2 .about dl dd{line-height: 30px;}


/*box3*/
.box3{margin-bottom: 50px;}
.box3 .items{width: 49%;float:left;}
.box3 .items:nth-child(2n+1){float:right;}
.box3 a:hover{color: #1d71cb;}
.box3 .items .titles{background: #F2F4F6;line-height: 20px;padding: 8px 10px;}
.box3 .items .titles .more{float: right;}
.box3 .items ul{padding: 10px;border: 1px solid #F2F4F6;}
.box3 .items ul li{border-bottom: 1px dashed #F2F4F6;line-height: 28px;font-size: 16px;}
.box3 .items ul li .time{float: right;font-size: 14px;padding-left: 5px;}


/*footer*/
.footer{background: #212121;padding: 20px 0;}
.footer .top{border-bottom: 1px dashed #646363;color: #fff;padding-bottom: 20px;margin-bottom: 20px;}
.footer .top dt{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
.footer .top dd{font-size: 16px;}
.footer .middle{padding-bottom: 20px;}
.footer .middle dl{float: left;width: 17%;}
.footer .middle dl a:hover{color:#fff;}
.footer .middle dl dt{font-size: 18px;color: #ddd;margin-bottom: 10px;}
.footer .middle dl dd{font-size: 14px;color: #aaa;line-height: 26px;}
.footer .middle .wechat{width: 15%;text-align: center;}
.footer .middle .wechat img{max-width: 100%;}
.footer .bottom{color: #fff;text-align: center;line-height: 26px;border-top: 1px solid #646363;padding-top: 20px;}
.footer .bottom span{display: inline-block;padding: 0 5px;}
.footer .bottom a{display: inline-block;margin: 0 5px;}

/*other*/
.other-banner{height: 0;background: center/cover;padding-bottom: 20%;}

.other-nav{background: #f8f8f8;line-height: 20px;padding: 15px 0;margin-bottom: 20px;}
.other-nav li{float: left;font-size: 18px;margin-left: 10px;}
.other-nav li a{display: inline-block;vertical-align: middle;margin-left: 10px;}
.other-nav li a:hover,.other-nav li a.cur{color: #1d71cb;}
.other-nav li:before{content: "/";vertical-align: middle;}
.other-nav li:first-child:before{display: none;}

.other-label .title{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.other-label .line{position: relative;height: 3px;overflow: hidden;}
.other-label .line span{position: absolute;height: 3px;width: 100px;left: 0%;background: #1d71cb;}
.other-label .desc{font-size: 16px;line-height: 26px;padding-top: 10px;margin-bottom: 20px;}
.other-label .label-line{-webkit-animation:labelLine 1s 0s ease-in both;-moz-animation:labelLine 1s 0s ease-in both;animation:labelLine 1s 0s ease-in both;}
@-webkit-keyframes labelLine{0%{left:100%}100%{left:0%}}
@-moz-keyframes labelLine{0%{left:100%}100%{left:0%}}
@keyframes labelLine{0%{left:100%}100%{left:0%}}


/*page-box*/
.html-box{font-size: 16px;line-height: 2em;}
.html-box img{max-width:100%;height:auto !important;}
.html-box p{margin-bottom: 10px;}
.page-box{margin-bottom: 30px;}


/*pages*/
.pages{text-align: center;}
.pages a{display: inline-block;padding: 0 13px;line-height: 2em;border: 1px solid #ccc;margin: 0 5px;transition: all .4s;}
.pages a[href]:hover{background: #1d71cb;color: #fff;border-color: #1d71cb;}

/*news-box*/
.news-box{padding-bottom: 50px;}
.news-box ul{margin-bottom:30px;}
.news-box li{border-bottom: 1px solid #ddd;padding: 0 10px;position: relative;margin-bottom: .5em;}
.news-box li:before{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #1d71cb;left: 0;top: 50%;margin-top: -3px;}
.news-box li a{line-height: 2em;font-size: 18px;}
.news-box li a:hover{color: #1d71cb;}
.news-box li a span{float: right;padding-left: 5px;font-size: 16px;}

/*detail-box*/
.detail-box .title{font-size: 20px;text-align: center;font-weight: bold;line-height: 1.5em;margin-bottom: .5em;}
.detail-box .info{color: #666;border-bottom: 1px solid #ddd;text-align: center;line-height: 20px;padding-bottom: 10px;margin-bottom: 20px;}
.detail-box{padding-bottom: 50px;}

/*relevant*/
.relevant-label{margin-bottom: 20px;}
.relevant-label .title{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.relevant-label .line{position: relative;height: 3px;overflow: hidden;}
.relevant-label .line span{position: absolute;height: 3px;width: 100px;left: 0%;background: #1d71cb;}
.relevant_news ul li{float: left;width: 48%;box-sizing: border-box;}
.relevant_news ul li:nth-child(2n){float:right;}

/*product-box*/
.product-box{padding-bottom: 50px;}
.product-box ul {margin-bottom: 30px;}
.product-box ul li{float: left;width: 23.5%;margin-right:2%;transition: all .4s;}
.product-box ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: translateY(-5px);}
@media screen and (min-width: 1025px){
	.product-box ul li:nth-child(4n){margin-right: 0;}
	.product-box ul li:nth-child(n+5){margin-top: 2%;}
}
.product-box ul li .pic-box{padding-bottom: 80%;}
.product-box ul li .title{background: #F2F4F6;line-height: 40px;text-align: center;font-size: 16px;}

/*message*/
#message{max-width: 650px;padding: 20px 0 30px;}
#message label{color:#333;float: left;display: block;padding: 9px 15px;width: 80px;font-weight: 400;line-height: 20px;text-align: right;}
#message label span{color:#f00;}
#message .layui-form-item{margin-bottom: 15px;clear: both;}
#message .layui-input-block{margin-left: 110px;min-height: 36px;}
#message .layui-input-block .layui-input{display: block;width: 100%;padding-left: 10px;height: 38px;line-height: 1.3;border: 1px solid #e6e6e6;border-style: solid;background-color: #fff;border-radius: 2px;box-sizing: border-box;}
#message .layui-input-block .layui-textarea{display: block;width: 100%;padding: 6px 10px;height: 100px;line-height: 1.3;border: 1px solid #e6e6e6;border-style: solid;background-color: #fff;border-radius: 2px;box-sizing: border-box;}
#message .layui-form-item button{display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #009688;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
#message .layui-form-item button.layui-btn-primary{border: 1px solid #C9C9C9;background-color: #fff;color: #555;}