@charset "utf-8";
/* CSS Document */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #5e5e5e; background: #fff; font-family:  "Microsoft YaHei", sans-serif;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }
input,textarea,select{ outline:none; font-family:"Microsoft YaHei", sans-serif;color: #888; }
::-webkit-input-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;} 

a { text-decoration: none; color:#666;}
a:hover{ color: #c70009;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}

/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}
.listyle li{ list-style: inside;}

.wrap{ width: 1200px; margin: 0 auto;}

.header{ margin-bottom: 5px;}
.header .top{ border-bottom: #cdcdcd solid 1px; line-height: 36px; font-size: 14px;}
.header .top dl{float: left;}
.header .top ol{float: right;}
.header .top ol a.on{ color: #c70009;}
.header .headCon{ height: 116px;}
.header .headCon .logo{ float: left; margin-top: 34px;}
.header .headCon .search{ float: right; width: 376px; margin-top: 37px; position: relative; overflow: hidden; border-radius: 20px;}
.header .headCon .search input{ width: 100%; height: 40px; line-height: 40px; background: #e2e2e2 url(../images/icon01.png) no-repeat 18px center; border: none; text-indent: 45px; font-size: 14px;}
.header .headCon .search button{ width:90px; height: 40px; line-height: 40px; background: #c70009; border: none; color: #fff; font-size: 16px; font-family:  "Microsoft YaHei", sans-serif; position: absolute; top: 0; right: 0; cursor: pointer;}
.header .nav{ background: #000;}
.header .nav ul li{ float: left; width: 11.11%; line-height: 46px; text-align: center; border-right:#444444 solid 1px; position: relative; z-index: 111;}
.header .nav ul li a{ color: #fff; display: block;}
.header .nav ul li a:hover{ background: #c70009; color: #fff;}
.header .nav ul li.focus a{background: #c70009; color: #fff;}
.header .nav ul li .subnav{ width: 100%; background: #000; position: absolute; left: 0; top:46px; display: none;}
.header .nav ul li .subnav a{display: block; background: #000; color: #fff; border-top:#444444 solid 1px; font-size: 14px;}
.header .nav ul li .subnav a:hover{ background: #c70009;}
.header .nav ul li:hover .subnav{ display: block;}

/*首页bannner*/
.banner{ background: #f3f3f3;}
.banner .wrap{ position: relative;}
.banner .arrow-left, .banner .arrow-right{ width:50px; height:50px; display: block; position: absolute; top: 50%; z-index: 99; margin-top: -25px; border-radius: 5px;}
.banner .arrow-left i, .banner .arrow-right i{ font-size: 36px;}
.banner .arrow-left{left: 20px; background:rgba(128,17,38,0.8) url(../images/arrow-left.png) no-repeat center;}
.banner .arrow-right{ right: 20px; background:rgba(128,17,38,0.8) url(../images/arrow-right.png) no-repeat center;}
.banner .swiper-container{  overflow:hidden; width: 100%;height:450px;}
.banner .swiper-container .swiper-wrapper{ width: 100%;height:450px;}
.banner .swiper-container .swiper-slide{ width:100%; height:450px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;}
.banner .swiper-pagination-switch {display: inline-block;width:14px; height: 14px; border-radius: 10px; background: #801126; margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background: #fff;}
.banner .swiper-slide-active{opacity:1}

.title{ border-bottom: #cccccc solid 1px; margin-bottom: 20px; height: 38px; line-height: 38px;}
.title h2{ font-size: 21px; color: #c70009; font-weight: normal; float: left; position: relative;}
.title h2:after{ content: ''; width: 100%; height: 3px; background: #c70009; position: absolute; left: 0; bottom:-1px; z-index: 11;}
.title a.more{ font-size: 14px;color: #c70009; background: url( ../images/icon02.png) no-repeat right center; padding-right: 10px; float: right;}

.indexCon{ margin-top: 30px;}
.indexCon .left{ width: 805px; float: left;}
.indexCon .right{ width: 336px; float: right;}
.indexCon .iabout{ line-height: 1.8; margin-bottom: 55px;}
.indexCon .iabout img{float: left; margin-right: 40px;}

.inews .box{}
.inews .box ul{}
.inews .box ul li{ background: url(../images/icon03.png) no-repeat left center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 14px;}
.inews .box ul li a{ font-size: 14px; line-height: 30px;}

.indexCon .dt_fg{ margin-bottom: 40px;}
.indexCon .idt{ width: 343px; float: left;}
.indexCon .ifg{ width: 418px; float: right;}

.lanmu{ margin-bottom: 57px;}
.lanmu .box ul li{ margin-bottom: 10px;}
.lanmu .box ul li a{ background: #f1f1f1 url(../images/icon04.png) no-repeat right 16px center; color: #363636; font-size: 17px; line-height: 48px; display: block; padding-left: 24px;}
.lanmu .box ul li a:hover{background: #c70009 url(../images/icon05.png) no-repeat right 16px center; color: #fff;}
.lanmu .box ul li.on a{background: #c70009 url(../images/icon05.png) no-repeat right 16px center; color: #fff;}

.content{ margin-top: 30px; padding-bottom: 50px;}
.content .sidebar{ width: 250px; float: left;}
.content .rightCon{ padding-left: 300px;}

.text{ line-height: 1.8;}
.text p{}
.text li{ list-style: inside;}

.honor{ }
.honor ul{ margin: 0 -21px;}
.honor ul li{float: left; width: 50%; padding: 0 21px; margin-bottom: 30px; }
.honor ul li dl{border: #e1e1e1 solid 1px; box-shadow:3px 3px 0 #e1e1e1; overflow: hidden;}
.honor ul li dl img{ width: 100%;}

.teamNav{ margin-bottom: 40px;}
.teamNav ul{ margin: 0 -8px;}
.teamNav ul li{ width:16.66%; float: left; padding: 0 8px;}
.teamNav ul li a{ background: #e1e1e1; color: #333; display: block; line-height: 50px; text-align: center; position: relative;}
.teamNav ul li a:hover{ background: #c70009; color: #fff;}
.teamNav ul li a:hover:after{ content: ""; width: 24px; height: 9px; background: url(../images/icon06.png) no-repeat center; position: absolute; left: 50%; bottom: -8px; margin-left: -12px; z-index: 11;}
.teamNav ul li.on a{background: #c70009; color: #fff;}
.teamNav ul li.on a:after{content: ""; width: 24px; height: 9px; background: url(../images/icon06.png) no-repeat center; position: absolute; left: 50%; bottom: -8px; margin-left: -12px; z-index: 11;}

.team{}
.team ul{ margin: 0 -20px;}
.team ul li{ width: 25%; float: left; padding: 0 20px; margin-bottom: 30px;}
.team ul li dl{ overflow: hidden;}
.team ul li h3{ font-size: 20px; color: #000; padding: 10px 0 5px; line-height: 1;}
.team ul li p{ height: 40px; font-size: 15px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}

.team_left{ width: 840px; float: left;}
.team_left .teamCon{ margin-bottom: 40px;}
.team_left .teamCon .title h2{ color: #000;}
.team_right{ width: 270px; float: right; padding-top: 15px;}
.team_right .teamTx{ background: #fff; box-shadow: -5px 5px 0 #f0f0f0}
.team_right .teamTx ol{ border-right:#f0f0f0 solid 2px; padding: 18px;}
.team_right .teamTx ol h1{ font-size: 20px; color: #000; border-bottom:#f0f0f0 solid 1px;padding-bottom: 5px;}
.team_right .teamTx ol h1 span{border-bottom:#c70009 solid 2px; padding-bottom: 5px;}
.team_right .teamTx ol dl{ font-size: 15px; padding-top: 10px;}

.news{}
.news ul{ overflow: hidden;}
.news ul li{ background: url(../images/icon07.png) no-repeat left center; line-height: 40px; border-bottom: #dedede dashed 1px; padding-left: 18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news ul li a{}
.news ul li span{ float: right; color: #999999;}

.newsHead{ background: #dddddd; padding: 50px; text-align: center;}
.newsHead h1{ font-size: 22px; color: #000; font-weight: normal; margin-bottom: 10px;}
.newsHead p{ color: #666666;}

.back{ padding:30px 0; overflow: hidden;}
.back a{ width: 195px; height: 50px; line-height: 50px; text-align: center; background: #000; color: #fff; font-size: 18px; display: block; float: right;}

.join{ margin-bottom: 40px;}
.join .text{ font-size: 18px;}
.joinList{ margin-bottom: 40px;}

.joinXx{ overflow: hidden; margin:0 -10px 40px;}
.joinXx ul{ width: 50%; float: left; padding: 0 10px;}
.joinXx .fuli{ background: #c70009; color: #fff; height: 250px; padding: 40px; line-height: 1.6; font-size: 18px;}
.joinXx .fuli h3{ margin-bottom: 20px; font-size: 20px; line-height: 1;}
.joinXx .lianxi{ background: #dedede; color: #333; height: 250px; padding: 40px; line-height: 1.6; font-size: 18px;}
.joinXx .lianxi h3{ margin-bottom: 20px; font-size: 20px; color: #c70009; line-height: 1;}

.joinPic{}
.joinPic ul{ margin: 0 -10px;}
.joinPic ul li{ width: 25%; float: left; padding: 0 10px;}
.joinPic ul li dl{ overflow: hidden;}

.contact{ padding: 30px 0; overflow: hidden;}
.contact ul{ width: 50%;}
.contact ul.con{ float: right; background: #f1f1f1; height: 350px; position: relative;}
.contact ul.con dl{font-size: 18px; line-height: 1.8; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); white-space:nowrap;}
.contact ul.map{ float: left; padding-right: 12px;}
.contact ul #map{ height: 350px; border: #e1e1e1 solid 3px;}
#map img{max-height:inherit;max-width:inherit; }

.footer{}
.footer .footCon{ background: #f0f0f0; padding: 0 46px;}
.footer .footCon .link{ float: left; width: 760px; padding-top: 26px;}
.footer .footCon .link dl{ width: 124px; height: 36px; line-height: 36px; background: #c70009; color: #fff; text-align: center; margin-bottom: 20px;}
.footer .footCon .link ul li{ width: 33.33%; float: left;line-height: 26px; font-size: 15px;}
.footer .footCon .link ul li a{ color: #333;}
.footer .footCon .link ul li a:hover{ color: #c70009;}
.footer .footCon .fcontact{ float: right; width: 340px; border-left: #d6d6d6 solid 1px; padding: 26px 0 26px 65px;}
.footer .footCon .fcontact dl{width: 124px; height: 36px; line-height: 36px; background: #c70009; color: #fff; text-align: center; margin-bottom: 20px;}
.footer .footCon .fcontact ol{ line-height: 26px; color: #333; font-size: 15px;}
.footer .copyright{ background: #000; color: #fff; font-size: 14px; line-height: 60px; padding: 0 30px;}
.footer .copyright dl{float: left;}
.footer .copyright ol{float: right;}

/*===/分页=============================*/
.fenye{ padding: 45px 0 10px; font-size:16px; margin-left: -8px;}
.off{  padding:8px 15px; background:#e7e7e7; color:#333; margin:0 8px;}
a.off:hover{ background:#c70009; color:#fff; }
.fenye a{ line-height:1;color:#333; padding:8px 15px; margin-right:8px;background:#e7e7e7;}
.fenye a:hover{color:#fff;background:#c70009; }
.fenye a.fenyeon{ line-height:1; background:#c70009; color:#FFF;}

@media screen and (max-width:1030px){
.wrap{ width: 100%; margin: 0 auto;}

.header{ margin-bottom: 5px;}
.header .top{font-size: 13px; padding: 0 15px;}
.header .headCon{ padding: 0 15px;}

/*首页bannner*/
.banner .swiper-container{  overflow:hidden; width: 100%;height:380px;}
.banner .swiper-container .swiper-wrapper{ width: 100%;height:auto;}
.banner .swiper-container .swiper-slide{ width:100%; height:auto;}
.banner .swiper-container .swiper-slide img{ width: 100%; height: auto;}

.title{ margin-bottom: 20px; height: 38px; line-height: 38px;}
.title h2{ font-size: 18px;}
.title h2:after{height: 2px;}
.title a.more{ font-size: 14px;}

.indexCon{ margin-top: 20px; padding: 0 15px;}
.indexCon .left{ width: 660px;}
.indexCon .right{ width: 300px; }

.indexCon .iabout{ font-size: 14px; line-height: 1.8; margin-bottom: 30px;}
.indexCon .iabout img{float: left; margin-right: 20px;}

.inews .box{}
.inews .box ul{}
.inews .box ul li{ background: url(../images/icon03.png) no-repeat left center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 14px;}
.inews .box ul li a{ font-size: 14px; line-height: 30px;}

.indexCon .dt_fg{ margin-bottom: 30px;}
.indexCon .idt{ width: 330px; }
.indexCon .ifg{ width: 300px; }

.lanmu{ margin-bottom: 32px;}
.lanmu .box ul li{ margin-bottom: 10px;}
.lanmu .box ul li a{ font-size: 16px; padding-left: 20px;}

.content{ margin-top: 30px; padding: 0 15px 50px;}
.content .sidebar{ width: 250px;}
.content .rightCon{ padding-left: 280px;}

.text{ line-height: 1.8; font-size: 13px;}

.team{}
.team ul{ margin: 0 -10px;}
.team ul li{ padding: 0 10px; margin-bottom:20px;}
.team ul li h3{ font-size: 17px;  padding: 10px 0 5px;}
.team ul li p{ height: 38px; font-size: 14px;}

.team_left{ width:680px;}
.team_left .teamCon{ margin-bottom: 20px;}
.team_right{ width: 270px; padding-top: 15px;}
.team_right .teamTx{ box-shadow: -3px 3px 0 #f0f0f0}
.team_right .teamTx ol{ padding: 15px;}
.team_right .teamTx ol h1{ font-size: 18px;}
.team_right .teamTx ol dl{ font-size: 14px;}

.news ul li{ font-size: 14px;}
.news ul li a{ font-size: 12px;}

.newsHead{ padding: 50px; }
.newsHead h1{ font-size: 16px;}
.newsHead p{ font-size: 12px;}

.back{ padding:30px 0; }
.back a{ width: 160px; height: 40px; line-height: 40px;  font-size: 16px; }

.join{ margin-bottom: 40px;}
.join .text{ font-size: 14px;}
.joinList{ margin-bottom: 40px;}

.joinXx{ overflow: hidden; margin:0 -10px 40px;}
.joinXx ul{ width: 50%; float: left; padding: 0 10px;}
.joinXx .fuli{ height: 220px; padding: 30px; font-size: 16px;}
.joinXx .fuli h3{ margin-bottom: 15px; font-size: 18px;}
.joinXx .lianxi{ height: 220px; padding: 30px;  font-size: 16px;}
.joinXx .lianxi h3{ margin-bottom: 15px; font-size: 18px;}

.joinPic{}
.joinPic ul{ margin: 0 -10px;}
.joinPic ul li{ width: 25%; float: left; padding: 0 10px;}
.joinPic ul li dl{ overflow: hidden;}

.contact{ padding: 15px 0;}
.contact ul.con{ height: 300px; }
.contact ul.con dl{font-size: 16px; line-height: 1.6;}
.contact ul #map{ height: 300px;}

.footer{}
.footer .footCon{ padding: 0 15px;}
.footer .footCon .link{ width: 650px;}
.footer .footCon .link dl{ width: 124px; height: 36px; line-height: 36px; background: #c70009; color: #fff; text-align: center; margin-bottom: 20px;}
.footer .footCon .link ul li{ width: 33.33%; float: left;line-height: 26px; font-size: 15px;}
.footer .footCon .fcontact{ float: right; width: 300px; padding: 26px 0 26px 25px;}
.footer .footCon .fcontact dl{width: 124px; height: 36px; line-height: 36px; background: #c70009; color: #fff; text-align: center; margin-bottom: 20px;}
.footer .footCon .fcontact ol{ font-size: 15px;}
.footer .copyright{ padding: 0 15px;}
}

@media screen and (max-width:1000px){

.header{ margin-bottom: 5px;}
.header .top{font-size: 12px; padding: 0 15px;}
.header .headCon{ padding: 0 15px;}

.header .headCon{ height:60px;}
.header .headCon .logo{ float: left; margin-top:15px; width: 160px;}
.header .headCon .search{ float: right; width: 190px; margin-top:14px;}
.header .headCon .search input{ width: 100%; height: 32px; line-height: 32px; background: #e2e2e2 url(../images/icon01.png) no-repeat 10px center; border: none; text-indent: 30px; font-size: 13px;}
.header .headCon .search button{ width:40px; height: 32px; line-height: 32px;  font-size: 13px;}
.header .nav ul li{ float: left; width: 20%; line-height: 40px; border-bottom: #444444 solid 1px;}
.header .nav ul li a{ color: #fff; display: block; font-size: 14px;}
.header .nav ul li .subnav{ display: none;}
.header .nav ul li:hover .subnav{ display: none;}

/*首页bannner*/
.banner .swiper-container{  overflow:hidden; width: 100%;height:auto;}
.banner .swiper-container .swiper-wrapper{ width: 100%;height:auto;}
.banner .swiper-container .swiper-slide{ width:100%; height:auto;}
.banner .swiper-container .swiper-slide img{ width: 100%; height: auto;}
.banner .arrow-left, .banner .arrow-right{display: none;}
.pagination {position: absolute;left: 0;text-align: center;bottom:10px;width: 100%;}
.banner .swiper-pagination-switch {display: inline-block;width:10px; height: 10px; background: #801126; margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background: #fff;}
.banner .swiper-slide-active{opacity:1}

.title{ margin-bottom: 15px;}

.indexCon{ margin-top: 20px;}
.indexCon .left{ width: 100%; float: none;}
.indexCon .right{ width: 100%; float: none; margin-bottom: 20px;}
.indexCon .right .lanmu{display: none;}
.indexCon .iabout{ line-height: 1.7; margin-bottom: 10px;}
.indexCon .iabout img{float: left; margin-right: 20px; width: 200px;}

.inews .box{}
.inews .box ul{}
.inews .box ul li{ background: url(../images/icon03.png) no-repeat left center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 14px;}
.inews .box ul li a{ font-size: 14px; line-height: 30px;}

.indexCon .dt_fg{ margin-bottom: 10px;}
.indexCon .idt{ width: 100%; float: none; margin-bottom: 10px;}
.indexCon .ifg{ width: 100%; float: none;}

.content{ margin-top: 20px; padding: 0 15px 30px;}
.content .sidebar{float: none; width: 100%;}
.content .sidebar .lanmu{ margin-bottom: 20px;}
.content .sidebar .lanmu .title{ display: none;}
.content .sidebar .lanmu .box ul{ overflow: hidden; margin: 0 -2px;}
.content .sidebar .lanmu .box ul li{ margin-bottom:4px; width:50%; float: left; padding: 0 2px}
.content .sidebar .lanmu .box ul li a{ font-size: 13px; line-height: 40px; padding-left: 0; background: #f1f1f1; text-align: center;}
.content .sidebar .lanmu .box ul li a:hover{background: #c70009; }
.content .sidebar .lanmu .box ul li.on a{background: #c70009;}
.content .rightCon{ padding-left: 0;}

.teamNav{ margin-bottom: 20px; overflow: hidden;}
.teamNav ul{ margin: 0 -2px;}
.teamNav ul li{ width:50%; float: left; padding: 0 2px; margin-bottom: 4px;}
.teamNav ul li a{  line-height: 40px; font-size: 13px;}
.teamNav ul li a:hover:after{display: none;}
.teamNav ul li.on a:after{display: none;}

.team{}
.team ul{ margin: 0 -5px; overflow: hidden;}
.team ul li{ width: 50%; float: left; padding: 0 5px; margin-bottom:20px;}
.team ul li h3{ font-size: 15px; padding: 10px 0 5px;}
.team ul li p{ height: 40px; font-size: 14px;}

.team_left{ width: 100%; float: none;}
.team_left .teamCon{ margin-bottom: 20px;}
.team_left .teamCon .title h2{ color: #000;}
.team_right{ width: 200px; float: none; padding-top: 10px; margin: 0 auto 30px;}
.team_right .teamTx{ box-shadow: -3px 3px 0 #f0f0f0}
.team_right .teamTx ol{ border-right:#f0f0f0 solid 1px; padding: 10px;}
.team_right .teamTx ol h1{ font-size: 16px; }
.team_right .teamTx ol dl{ font-size: 13px; padding-top: 10px;}

.news{}
.news ul{ overflow: hidden;}
.news ul li{line-height: 38px; padding-left: 16px;}
.news ul li a{ font-size: 13px;}
.news ul li span{ font-size: 12px;}

.newsHead{  padding: 30px; }
.newsHead h1{ font-size: 18px;}

.back{ padding:30px 0; overflow: hidden;}
.back a{ width: 150px; height:40px; line-height: 40px;font-size: 14px; display: block; float: none; margin: 0 auto;}

.join{ margin-bottom: 20px;}
.join .text{ font-size: 14px;}
.joinList{ margin-bottom: 20px;}

.joinXx{ overflow: hidden; margin:0 0 15px;}
.joinXx ul{ width: 100%; float: none; padding: 0;}
.joinXx .fuli{ height: auto; padding: 40px; line-height: 1.6; font-size: 14px;}
.joinXx .fuli h3{ margin-bottom: 15px; font-size: 18px;}
.joinXx .lianxi{  height: auto; padding: 40px; line-height: 1.6; font-size: 14px;}
.joinXx .lianxi h3{ margin-bottom: 15px; font-size: 18px; }

.joinPic ul{ margin: 0 -5px;}
.joinPic ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}

.contact{ padding: 0;}
.contact ul{ width: 100%;}
.contact ul.con{ float: none; height: auto; padding:30px 20px;}
.contact ul.con dl{font-size: 14px; line-height: 1.6; position: static;transform: translate(0,0); word-wrap:break-word; word-break:normal; }
.contact ul.map{ float: none; padding-right: 0;}
.contact ul #map{ height: 300px; border: none;}

.footer{}
.footer .footCon{ padding: 0 15px;}
.footer .footCon .link{ width: 100%; float: none;}
.footer .footCon .link dl{ width: 110px; height: 36px; line-height: 36px;  margin-bottom:10px; font-size: 15px;}
.footer .footCon .link ul{ overflow: hidden;}
.footer .footCon .link ul li{ width: 50%; line-height: 26px; font-size: 14px;}
.footer .footCon .fcontact{ float: none; width: 100%; padding: 26px 0 26px 0; border-left:none;}
.footer .footCon .fcontact dl{width: 110px; height: 36px; line-height: 36px;  margin-bottom: 10px;  font-size: 15px;}
.footer .footCon .fcontact ol{ font-size: 14px;}
.footer .copyright dl{ float: none; font-size: 12px; text-align: center;}
.footer .copyright ol{display: none;}

/*===/分页=============================*/
.fenye{ padding: 40px 0 20px; font-size:14px; margin-left:0; text-align: center;}
.off{  padding:8px 13px; margin:0 4px;}
.fenye a{  padding:8px 13px; margin-right:4px;}
}