.banner img{width:100%;display:block;margin:0;padding:0}
.classes{text-align:center;border-bottom:1px solid #eee}
.classes li{margin:0 2%;font-size:16px;display:inline-block;vertical-align:top;width:auto;color:#333;position:relative}
.classes a{text-transform:capitalize;display:block;line-height:1;transition:0.3s ease 0s;padding:30px 0;box-sizing:border-box;border-bottom:4px solid transparent}
.classes a.on, .classes a:hover{border-color:#006335;color:#006335}
.classes a:before{margin-right:10px;transform:rotateZ(-70deg)}
.classes a:after{margin-left:10px;transform:rotateZ(110deg)}
.classes a:before, .classes a:after{transition:0.3s ease 0s;content:'';width:14px;height:1px;display:inline-block;vertical-align:middle;background:#999}
.classes a.on:before, .classes a.on:after, .classes a:hover:before, .classes a:hover:after{transform:rotateZ(0deg);background:#006335}

.name{line-height:30px;overflow:hidden;margin-top:30px}
.name .l{font-size:20px}
.name .l span{font-size:14px;color:#999;padding-left:10px}
.name .r li{float:left;margin-left:10px}
.name .r li a{display:block;padding:0 15px;color:#156cab}
.name .r li.all a,.name .r li a:hover{color:#fff;background:#156cab}

/*products*/
.prolist{width:105%;margin-top:60px}
.prolist li{float:left;width:450px;margin:0 25px 25px 0}
.prolist li .imgs{width:450px;height:360px;overflow:hidden}
.prolist li .imgs img{transition:all ease 1s;-webkit-transition:all ease 1s;width:450px;height:360px}
.prolist li .imgs img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.prolist li .txts{text-align:center;font-size:16px;height:50px;line-height:50px;display:block}

/*news*/
.newslist{width:105%;margin-top:60px}
.newslist li{width:450px;height:450px;float:left;margin:0 25px 25px 0}
.newslist .img img{width:450px;height:285px}
.newslist .txt .time{font-size:20px;color:#ccc;margin-top:10px}
.newslist .txt .time span{padding-left:10px;font-size:14px}
.newslist .txt h2{font-size:16px;font-weight:normal;line-height:30px;height:30px;overflow:hidden;padding:10px 0;border-bottom:1px solid #eee;margin-bottom:15px}
.newslist .txt p{font-size:12px;line-height:2;color:#999}

/*contact*/
#allmap{height:380px;margin-top:50px}

.title{font:normal 30px/1.5 "Microsoft Yahei";text-align:center;border-bottom:1px solid #eee;padding-bottom:25px;margin:50px auto 15px}
.content{font:16px/35px "Microsoft Yahei";padding:20px 0 40px}

/*pagelist*/
.pagelist{text-align:center;margin:40px 0;clear:both}
.pagelist a,.pagelist span,.pagelist strong{display:inline-block;padding:5px 10px;height:22px;line-height:22px;color:1e50a2;border:1px solid #dcdddd;background:#fff;margin:0 4px}
.pagelist strong,.pagelist a:hover{background:#1f3a87;color:#fff;text-decoration:none}