html{ -webkit-text-size-adjust:none;} input,button,select,textarea{outline:none} /*取消chrome下input和textarea的聚焦边框*/ textarea{resize:none} /* 取消chrome下textarea可拖动放大 */
*{ -moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;} i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} li{list-style-type:none;}
q:before,q:after{ content:'';} abbr,acronym { border:0;} 
img, video{ max-width: 100%; max-height: 100%; vertical-align: middle; border:0;}
a,button,input,select{ -webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
a{ text-decoration: none; color: #222;}
body{ font: 14px/24px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #212121; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: #fff;}
input,select,textarea,button{ font: 14px/24px "Microsoft YaHei", "微软雅黑", "宋体", Arial; border: 0 none; color: #333;}
input:focus{ outline: none;} button, input[type='button']{ border: 0 none; background: transparent;}
table{ font-size:inherit; font:100%;} p{ margin: 0;} input{ outline: 0px; -webkit-appearance:none; -webkit-box-shadow: 0 0 0 1000px transparent inset !important;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: transparent!important; background-image: none !important; -webkit-box-shadow: 0 0 0 1000px #3996fe inset !important;}

/* clearfix */
.clearfix:after, .clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;} .hide, .show-pad{ display: none;} .fb{ font-weight: bold;}
.fl{ float: left;} .fr{ float: right;} .bg-white{ background: #fff;} .bg-gray{ background: #f5f5f5;}
.last-list li:last-child{ border: 0 none;} .red{ color: #a52a2a;} .blue{ color: #008adb;} .gray{ color: #757575;}

.vertical{ display: table-cell; vertical-align: middle;}
.tleft{ text-align: left;} .tright{ text-align: right;} .tcenter{ text-align: center;}
.tellips, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pic{ text-align: center; overflow: hidden;} .pic img{ width: 100%; height: 100%;}

.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.trans, .remark{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.blur{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
a:hover .scale, li:hover .scale{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
a:hover .rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}

.sdown{ padding: 0 18px 0 8px; border: 1px solid #e0e0e0; color: #212121; background: url(../images/idown.png) no-repeat 80% center;}
.pagination{ margin: 20px 0; font-size: 14px; text-align: center;} .pagination .ptxt{ margin: 0 8px;}
.pagination a{ display: inline-block; min-width: 32px; padding: 2px 8px; color: #757575; background: #e0e0e0;}
.pagination a:hover, .pagination .active{ color: #fff; background: #3996fe;}

.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #a52a2a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #a52a2a;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.label-check{ display: inline-block; position: relative; padding-left: 22px; line-height: 20px; vertical-align: middle;}
.label-check i{ display: inline-block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; border: 1px solid #ccc; margin-top: -8px;}
.label-check input:checked~i{ background: #a52a2a;}

.font16, .name{ font-size: 16px; line-height: 30px;}
.font18{ font-size: 18px; line-height: 32px;} 
.font20{ font-size: 20px; line-height: 34px;} 
.font24{ font-size: 24px; line-height: 36px;} 
.fb{ font-weight: bold;} .mb30{ margin-bottom: 30px;}

.shade{ display: none; position: fixed; z-index: 66; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.nodata{ padding: 40px 0 60px; line-height: 40px; text-align: center;}
.nodata img{ width: 300px; height: 300px;} .nodata .name{ margin-top: 10px;}
.edit-info{ font-size: 16px; line-height: 30px;} .edit-info img{ display: block; margin: 20px auto;}
.edit-info .mtxt{ margin-bottom: 15px;}

.container{ position: relative; width: 95%; max-width: 1200px; margin: 0 auto;}
.header-site{ padding: 6px 0; color: #808080; background: #f5f5f5;}
.header-site a{ float: right; margin: 0 12px; color: #808080;}
.header-site .itel{ padding-left: 22px; margin: 0 0 0 20px; color: #018adb; background: url(../images/itel.png) no-repeat 0 center;}
.header{ width: 100%; padding: 20px 0; background: #fff;} .header .container{ padding-left: 400px;}
.header.fixed{ position: fixed; z-index: 66; top: 0; left: 0;}
.header .logo{ position: absolute; top: 0; left: 0; width: 380px;}
.form-search{ position: relative; width: 320px; padding-right: 48px; margin-top: 20px; border: 1px solid #e0e0e0;}
.form-search input{ width: 100%; padding: 0 12px; font-size: 14px; line-height: 38px; color: #333; background: #fff;}
.form-search .btn{ position: absolute; top: 0; right: 0; width: 48px; height: 38px; background: url(../images/isear.png) no-repeat center center #fff; text-indent: -9999em;}

.fixedNav{ position:fixed; z-index:9998; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.navbar{ width: 100%; text-align: center;}
.nav-list li{ float: left; position: relative; width: 16.66%; font-size: 18px; font-weight: bold; line-height: 52px;}
.nav-list .target{ display: block; width: 90%; border-top: 4px solid #fff; margin: 0 auto;}
.nav-list .active .target, .nav-list .curr .target, .nav-list .target:hover{ border-color: #008adb; color: #008adb;}

.fixed.btop{ display: block; opacity: 0; position: fixed; z-index: 6; bottom: 18%; right: 18px; width: 40px; height: 40px; bottom: 18%; background: url(../images/itop.png) no-repeat center center #008adb; background-size: 20px; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease;}
.fixed.btop.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}
.fixed.btop:hover{ background-color: #212121;}

.modal{ display: none; position: fixed; z-index: 88; top: 30%; left: 50%; width: 480px; padding: 20px 30px; margin-left: -240px; color: #222; background: #fff;}
.modal .title, .font36{ font-size: 36px; line-height: 40px;} .modal .title{ color: #222;}
.modal-hint .bd{ padding: 80px 0; text-align: center;}
.modal-hint .btn-close{ width: 160px; margin: 0 auto 30px; line-height: 48px; color: #fff; text-align: center; cursor: pointer; background: #3996fe;}

.footer, .footer a{ color: #fff;}
.footer{ padding: 40px 0; background: #008adb;}
.footer .txt span{ margin-right: 35px; line-height: 26px;}
.footer .tcenter{ margin-top: 5px;}
.footer .qrcode{ position: absolute; top: 50%; right: 0; width: 120px; height: 120px; margin-top: -70px;}
.fnav{ padding: 15px 0;} .fnav span{ margin: 0 15px;} .fnav a:hover{ font-weight: bold;}

.mod{ margin-top: 80px;} .init{ padding: 0 0 80px;}
.mod .title{ margin-bottom: 25px; font-size: 24px; line-height: 30px; color: #212121;}
.mod .en{ font-size: 14px; line-height: 20px; color: #757575; text-transform: uppercase;}
.col-half{ float: left; position: relative; width: 49%;} .col-half.fr{ float: right;}
.btn-more{ display: block; width: 120px; border: 1px solid #008adb; margin: 30px auto 0; line-height: 36px; color: #008adb; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-align: center;}
.btn-more:hover{ color: #fff; background: #008adb;} 
.tab-panel{ display: none;} .tab-panel.active{ display: block;}

.mod-about .pic{ position: absolute; top: 20px; right: 20px; width: 95%;}
.mod-about .pbg{ float: right; width: 60%; background: #008adb;}
.mod-about .btn-more{ margin-left: 0; margin-right: 0;}

.prolist li{ float: left; width: 33.3%; margin-bottom: 20px;}
.prolist a{ display: block; position: relative; padding: 12px 12px 12px 145px;}
.prolist .pic{ position: absolute; top: 12px; left: 12px; width: 120px; height: 120px;}
.prolist .vertical{ height: 120px;}
.prolist .name{ font-weight: bold;}
.prolist .txt{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prolist a:hover{ box-shadow: 0 0 12px 6px #dfdfdf;}

.swiper-news .name{ padding: 0 12px; border-left: 4px solid #008adb; margin: 20px 0 8px; font-size: 20px; line-height: 20px; font-weight: bold;}
.swiper-news .date{ color: #757575;}
.swiper-news .line{ width: 100%; height: 1px; margin-top: 10px; background: #e0e0e0;}
.swiper-news .txt{ height: 72px; margin: 15px 0; overflow: hidden;}
.swiper-news a:hover .name{ color: #008adb;}
.swiper-news a:hover .line{ background: #008adb;}

.swiper-help .info{ padding: 20px; background: #f5f5f5;}
.swiper-help .txt{ height: 60px; overflow: hidden;}

.mod-crumb{ padding: 12px 0;} .mod-crumb a:hover{ color: #008adb;}
.mod-crumb a{ padding-right: 12px; background: url(../images/iright.png) no-repeat right center; margin-right: 8px;}
.col-info{ margin-bottom: 60px;} .col-info .tcenter{ margin-bottom: 30px;}
.col-info .title{ position: relative; display: inline-block; padding: 0 100px; font-size: 32px; font-weight: bold; line-height: 40px; color: #008adb;}
.col-info .title:after, .col-info .title:before{ content: '\0020'; display: block; position: absolute; top: 20px; width: 80px; height: 2px; background: #008adb;}
.col-info .title:after{ left: 0;} .col-info .title:before{ right: 0;}
.col-info .en{ color: #757575; text-transform: uppercase;}
.col-abinfo{ padding-top: 30px;}
.col-map .pic{ width: 64%;}
.col-map .info{ width: 36%; background: #ecf8ff;}
.col-map .hd{ padding: 20px 38px; color: #fff; background: #008adb;}
.col-map .bd{ padding: 30px;}
.col-map .txt{ margin-bottom: 10px;}
.swiper-cert{ padding-right: 120px;}

.init-login{ padding: 150px 0; background: #30aaeb; background: -webkit-linear-gradient(to right, #0c91e0, #50bff7); background: linear-gradient(to right, #0c91e0, #50bff7);}
.col-login{ padding: 30px 80px; margin-left: 5%; box-shadow: 0 0 6px 12px #42ace6; background: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px;}
.col-login .title{ margin-bottom: 25px; color: #0289db; text-align: center;}
.form-login input.rect{ width: 100%; padding: 10px 20px; border: 1px solid #008adb; margin-bottom: 24px;}
.form-login .btn-submit{ width: 100%; margin: 15px 0 10px; line-height: 46px; font-weight: bold; color: #fff; background: #008adb; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
.form-login a:hover{ text-decoration: underline;}

.init-gray{ background: #f5f5f5;}
.frame{ position: relative; padding-left: 260px; margin-top: 10px;}
.aside{ position: absolute; top: 0; left: 0; width: 236px;}
.aside .name{ padding: 16px; margin-bottom: 8px; color: #fff; background: #008adb;}
.aside .en{ line-height: 20px; text-transform: uppercase;}
.aside-list li{ margin-bottom: 5px; font-weight: bold; background: #e0e0e0;}
.aside-list a{ display: block; padding: 10px 20px;}
.aside-list a:hover, .aside-list .active a{ color: #fff; background: #008adb;}
.main-list{ padding-bottom: 20px;}
.prolist2{ margin-right: -2%;}
.prolist2 li{ float: left; width: 23%; margin: 0 2% 20px 0; box-shadow: 0 0 12px 6px #dfdfdf;}
.prolist2 a{ display: block; border: 1px solid #fff;}
.prolist2 .pic{ width: 100%; padding: 15px;}
.prolist2 .font16{ padding: 0 10px 10px; text-align: center;}
.prolist2 a:hover{ border-color: #008adb;}
.prolist2 a:hover .font16{ color: #008adb;}

.main-detail{ padding: 38px; background: #fff;}
.main-detail .line{ width: 100%; height: 1px; margin: 15px 0 10px; background: #e0e0e0;}
.main-detail .edit-info{ margin-top: 25px;}
.summary{ position: relative; height: 160px; padding-left: 160px;}
.summary .pic{ position: absolute; top: 0; left: 0; width: 160px; height: 160px; border: 1px solid #e0e0e0;}
.summary .info{ padding: 16px;}
.detail{ border-top: 1px dashed #e0e0e0; margin-top: 48px;}
.detail .caption{ margin-top: 30px;}
.pagnav{ margin-top: 16px;}
.pagnav a{ display: block; margin: 5px 0; color: #424242;}
.pagnav a:hover{ color: #008adb;}

.main-news{ padding: 20px 38px 5px; background: #fff;}
.news-list li{ padding: 20px 0; border-bottom: 1px dashed #e0e0e0;}
.news-list .pic{ float: left; width: 28%;}
.news-list .info{ float: right; width: 70%; padding-top: 12px;}
.news-list .txt{ height: 44px; margin: 5px 0 15px; line-height: 22px; overflow: hidden;}
.news-list .btn-more{ width: 104px; margin: 0; line-height: 30px;}
.news-list .date{ padding-left: 20px; line-height: 32px; color: #757575; background: url(../images/idate.png) no-repeat 0 center;}
.news-list a:hover .font20{ color: #008adb;}
.news-list a:hover .btn-more{ color: #fff; background: #008adb;}

@media(max-width: 1240px){
	.font16, .name{ font-size: 15px; line-height: 28px;}
	.font18{ font-size: 17px; line-height: 30px;}
	.font20{ font-size: 19px; line-height: 32px;} 
	.font24{ font-size: 22px; line-height: 34px;}
	.nav-list li{ font-size: 17px; line-height:48px;}
	.header .container{ padding-left: 320px;}
	.header .logo{ width: 300px;}
	.fnav span{ margin: 0 10px;}

	.mod{ margin-top: 60px;} .init{ padding: 0 0 60px;}
	.mod .title{ margin-bottom: 20px; font-size: 22px; line-height: 26px;}
	.btn-more{ margin-top: 25px;}
	.prolist li{ width: 50%;}
	.swiper-news .name{ font-size: 18px;}
	.col-info{ margin-bottom: 50px;}
	.col-info .tcenter{ margin-bottom: 25px;}
	.col-info .title{ font-size: 30px; line-height: 36px;}
	.col-map .hd{ padding: 20px 30px;}
	.col-map .txt{ margin-bottom: 8px;}
	.news-list .info{ padding-top: 0;}
	.news-list .txt{ margin: 2px 0 10px;}

	.edit-info img{ margin: 16px 0;}
	.prolist2 .pic{ padding: 12px;}
	.main-news{ padding: 15px 32px 5px;}
	.main-detail{ padding: 32px;}
	.main-detail .edit-info{ margin-top: 20px;}
	.detail{ margin-top: 36px;}
	.detail .caption{ margin-top: 25px;}

	.init-login{ padding: 130px 0;}
	.col-login{ padding: 25px 60px; margin-left: 3%;}
	.col-login .title, .form-login input.rect{ margin-bottom: 20px;}
}
@media(max-width: 992px){ .hide2{ display: none;}
	.font20{ font-size: 18px; line-height: 30px;} 
	.font24{ font-size: 21px; line-height: 32px;}
	.edit-info{ font-size: 15px; line-height: 28px;}
	.nav-list li{ font-size: 16px;}
	.header .container{ padding-left: 270px;}
	.header .logo{ top: 8px; width: 250px;}
	.fnav span{ margin: 0 5px;}
	.mod{ margin-top: 50px;} .init{ padding: 0 0 50px;}
	.mod .title{ font-size: 20px;}
	.btn-more{ margin-top: 20px;}
	.mod-about .pic{ top: 15px; right: 15px;}
	.swiper-news .name{ margin-top: 15px; font-size: 17px;}
	.swiper-news .txt{ margin: 12px 0;}
	.col-abinfo{ padding-top: 25px;}
	.col-info{ margin-bottom: 40px;}
	.col-info .tcenter{ margin-bottom: 20px;}
	.col-info .title{ font-size: 26px; line-height: 32px;}
	.col-map .hd, .col-map .bd{ padding: 20px;}
	.col-map .txt{ margin-bottom: 5px;}

	.aside-list a{ font-size: 15px;} 
	.main .caption{ margin-bottom: 8px;}
	.edit-info .mtxt{ margin-bottom: 10px;}
	.edit-info img{ margin: 12px 0;}
	.prolist2 li{ width: 31.3%;}
	.prolist2 .pic{ padding: 8px;}
	.main-news{ padding: 12px 25px 5px;}
	.main-detail{ padding: 25px;}
	.main-detail .edit-info{ margin-top: 15px;}
	.detail{ margin-top: 30px;}
	.detail .caption{ margin-top: 20px;}
	.news-list .txt{ height: 22px;}

	.init-login{ padding: 100px 0;}
	.col-login{ padding: 20px 40px; margin-left: 0;}
	.col-login .title, .form-login input.rect{ margin-bottom: 15px;}
}
@media(max-width:768px){ body{ padding-top: 52px;}
	.fixed.btop{ bottom: 18px; right: 0; width: 40px; height: 40px;}
	.hide-pad{ display: none;} .show-pad{ display: block;}
	.font20{ font-size: 17px; line-height: 28px;} 
	.header{ position: fixed; z-index: 60; top: 0; left: 0; width: 100%; height: 52px; padding: 8px 0; background: #fff;}
	.header .logo{ top: 0;} .font24{ font-size: 20px; line-height: 28px;}
	 
	.menu{ position: absolute; top: 18px; right: 0; width: 32px; height: 32px; margin-top: -16px; background: url(../images/menu.png) no-repeat center center; background-size: 28px;}
	.navbar{ position: fixed; z-index: 9999; top: 0; left: -260px; width: 260px; height: 100%; padding: 12px 0; line-height: 46px; overflow: scroll; background: #fff;}
	.nav-list, .nav-list li{ display: block; width: 100%; line-height: 46px;}
	.nav-list .active .target, .nav-list .curr .target, .nav-list .target:hover{ border-color: #fff;}
	.footer{ padding: 20px 0; text-align: center;} .footer span{ display: inline-block;}
	.footer .qrcode{ position: static; width: 80px; height: 92px; margin: 12px auto;}

	.mod{ margin-top: 35px;} .init{ padding: 0 0 35px;}
	.mod .title{ margin-bottom: 15px; font-size: 19px;} .mod .en{ font-size: 13px;}
	.mod-about .pic{ position: static; width: 100%; margin-bottom: 10px;}
	.mod-about .btn-more{ margin: 20px auto 0;}
	.col-half{ float: none; width: 100%;}
	.swiper-container{ padding-right: 40px;}
	.swiper-banner{ padding: 0;}
	.prolist a{ padding: 0 0 0 110px;} 
	.prolist a:hover{ box-shadow: 0 0 0 transparent;}
	.prolist .pic{ left: 0; top: 0; width: 100px; height: 100px;}
	.prolist .vertical{ height: 100px;}
	.col-info{ margin-bottom: 30px;}
	.col-info .tcenter{ margin-bottom: 15px;}
	.col-info .title{ font-size: 24px; line-height: 28px;}
	.col-info .title:after, .col-info .title:before{ top: 15px;}
	.col-abinfo{ padding-top: 20px;}
	.col-map .hd, .col-map .bd{ padding: 15px;}
	.col-map .pic, .col-map .info{ float: none; width: 100%;}

	.pagination{ margin: 15px 0;}
	.init-gray{ overflow: hidden;} .frame{ padding: 0; margin-top: 5px;}
	.aside .name, .aside-list{ position: fixed; z-index: 60; bottom: 18px;}
	.aside .name{ left: 10px; width: 42px; height: 42px; padding: 8px; margin: 0; border-radius: 50%; background: url(../images/inav.png) no-repeat center center #008adb; background-size: 28px; text-indent: -9999em;} 
	.aside-list{ display: none; left: 56px;}

	.edit-info .mtxt{ margin-bottom: 8px;}
	.main-list{ padding-bottom: 15px;}
	.main-news{ padding: 12px 20px 5px;}
	.main-detail{ padding: 20px;}
	.main-detail .edit-info{ margin-top: 16px;}
	.detail{ margin-top: 25px;}
	.detail .caption{ margin-top: 16px;}

	.init-login{ padding: 35px 0;} .col-pad{ display: none;}
	.col-login{ padding: 18px 20px;}
	.col-login .title{ margin-bottom: 15px;}
	.form-login input.rect{ padding: 8px 12px; margin-bottom: 10px;}
	.form-login .btn-submit{ margin: 10px 0 5px;}
}
@media(max-width:480px){ .pagination .hide-phone{ display: none;}
	.font18{ font-size: 15px; line-height: 26px;}
	.font20{ font-size: 16px; line-height: 26px;} 
	.font24{ font-size: 19px;}
	.btn-more{ margin-top: 12px;} 
	.edit-info{ font-size: 14px;} 
	.edit-info .mtxt{ margin-bottom: 5px;}
	.edit-info img{ margin: 5px 0;}
	.header .logo{ width: 230px;} .footer{ padding: 12px 0;}
	.mod{ margin-top: 20px;} .init{ padding: 0 0 20px;}
	.mod .title{ margin-bottom: 10px;}
	.prolist li{ float: none; width: 100%;}
	.swiper-help .info{ padding: 15px;}
	.col-info{ margin-bottom: 20px;}
	.col-info .tcenter{ margin-bottom: 10px;}
	.col-info .title{ padding: 0 80px; font-size: 20px;}
	.col-info .title:after, .col-info .title:before{ width: 60px;}
	.col-abinfo{ padding-top: 8px;}
	.col-map .hd, .col-map .bd{ padding: 12px;}

	.pagination{ margin: 12px 0;}
	.prolist2 li{ width: 48%; margin-bottom: 12px;}
	.summary{ height: auto; padding-left: 0;}
	.summary .pic{ position: static; width: 100%; height: auto;}
	.main-list{ padding-bottom: 10px;}
	.main-news{ padding: 5px 12px 5px;}
	.main-detail{ padding: 12px;}
	.main-detail .edit-info{ margin-top: 10px;}
	.summary .info{ padding: 10px 0;}
	.detail{ margin-top: 5px;}
	.detail .caption{ margin-top: 10px;}

	.news-list li{ padding: 15px 0;}
	.news-list .pic, .news-list .info{ float: none; width: 100%;}
	.news-list .info{ margin-top: 8px;}
	.news-list .txt{ height: auto; max-height: 66px;}
	.news-list .date{ font-size: 13px;}

	.init-login{ padding: 20px 0;} .col-pad{ display: block;}
	.init-login .pic{ width: 80%; margin: 0 auto 10px;}
	.col-login{ box-shadow: 0 0 0 transparent;}
	.form-login .btn-submit{ line-height: 42px;}
}