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;} a:hover{ color: #2196f3;}
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;}
video{ width: 100%; height: 100%;}

/* 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, .show-phone{ 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: #3996fe;} .gray{ color: #757575;}

.vertical{ display: table-cell; vertical-align: middle;}
.tleft{ text-align: left;} .tright{ text-align: right;} .tcenter{ text-align: center;}
.tellips, .name, .pagenav a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tellip2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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: 30px 0 40px; 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: #2196f3;}

.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;}
.font36{ font-size: 36px; line-height: 40px;}
.fb{ font-weight: bold;} .mb30{ margin-bottom: 30px;}

.shade{ display: none; position: fixed; z-index: 68; 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; width: auto; height: auto; margin: 20px auto;}
.edit-info .mtxt{ margin-bottom: 15px;}

/*.header .logo{ left: 0; height: 64px; margin-top: -45px;}*/
.container{ position: relative; width: 95%; max-width: 1200px; margin: 0 auto;}
.header{ width: 100%; padding: 5px 0; background: #fff;}
.header.fixed{ position: fixed; z-index: 66; top: 0; left: 0;}
.header .logo, .header .btn-mart{ position: absolute; z-index: 88;}
.header .logo{ top: 50%; left: 0; height: 18px; margin-top: -18px;}
.header .btn-mart{ right: 0; top: 5px; width: 98px; height: 50px;}
.header .imart{ padding-left: 30px; background: url(../images/imart.png) no-repeat 0 center;}
.btn-mart.btn-active .imart{ color: #2196f3;}
.slide-nav{ display: none; position: absolute; top: 100%; right: -28px; width: 148px; padding: 0 20px; border: 1px solid #e0e0e0; background: #fff;}
.slide-nav a{ display: block; padding: 12px 0 12px 24px; color: #757575; border-bottom: 1px solid #e0e0e0; background: url(../images/icart.png) no-repeat 0 center;}
.slide-nav a:last-child{ border: 0 none;}
.slide-nav a:hover{ color: #212121; background-image: url(../images/icart2.png);}

.fixedNav{ position:fixed; z-index: 66; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.navbar{ width: 55%; margin: 18px auto; text-align: center;}
.nav-list li{ float: left; position: relative; width: 16.66%; font-size: 16px; line-height: 30px;}
.nav-list .target{ display: inline-block; border-bottom: 2px solid #fff; margin: 0 auto;}
.nav-list .active .target, .nav-list .curr .target, .nav-list .target:hover{ border-color: #2196f3; color: #2196f3;}

.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 #2196f3; 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;}

.footer{ padding: 60px 0; line-height: 30px; color: #fff; background: #333;}
.footer-list li{ float: left; width: 12.5%;}
.footer-list .last{ width: 37.5%;}
.footer-list a{ display: block; color: #bdbdbd;}
.footer-list a:hover{ color: #2196f3;}
.footer-list .font18{ margin-bottom: 5px;}
.footer .finfo{ position: relative; padding-left: 130px; height: 120px;}
.footer .qrcode{ position: absolute; left: 0; top: 0; width: 120px; height: 120px;}
.footer .txt{ line-height: 24px;}
.fimgs{ margin-top: 24px;}
.fimgs a{ display: inline-block; width: 20%;}

.mod{ padding: 50px 0;}
.mod .hd{ margin-bottom: 40px; text-align: center;}
.mod .bd{ margin-bottom: 50px;}
.mod .title{ font-size: 32px; font-weight: bold; line-height: 40px; color: #111;}
.mod .tline{ width: 64px; height: 2px; margin: 10px auto; background: #2196f3;}
.mod-bg{ background-repeat: no-repeat; background-position: center 0; background-size: 100% 100%;}
.mod-bg .title, .mod-bg .stitle{ color: #fff;}
.mod-bg .tline{ background: #fff;}
.col-half{ float: left; position: relative; width: 49%;} .col-half.fr{ float: right;}
.btn-more{ display: block; width: 120px; border: 1px solid #ffac1e; margin: 30px auto 0; line-height: 36px; color: #ffac1e; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-align: center;}
.btn-more:hover, a:hover .btn-more{ color: #fff; background: #ffac1e;} 
.tab-panel{ display: none;} .tab-panel.active{ display: block;}

.modal-video{ display: none; position: fixed; z-index: 88; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.modal-video .inner{ position: absolute; left: 10%; top: 50%; width: 80%; height: 300px; margin-top: -150px;}
.modal-video .bclose{ position: absolute; z-index: 66; top: -24px; right: 8px; width: 32px; height: 32px;}

.mod-about{ padding: 100px 0 80px;}
.mod-about .col-info{ float: left; width: 63%;}
.mod-about .col-pic{ float: right; width: 35%;}
.mod-about .vertical{ padding: 0 30px;}
.mod-about .tline{ width: 80px; height: 4px; margin: 20px 0;}
.mod-about .txt{ width: 65%;}
.mod-about .sname{ float: right; max-width: 390px; width: 60%; margin-top: 60px;}
.mod-about .pic, .mod-about .pbg{ width: 312px;}
.mod-about .pic{ position: absolute; top: -20px; right: 20px;}
.mod-about .pbg{ float: right; background: #d1e6ff;}

.mod-hufa{ background-image: url(../images/bhu.jpg);}
.mod-hufa a{ display: block; position: relative;}
.mod-hufa .btn-more{ position: absolute; bottom: 30%; left: 7%;}
.mod-pro .pic2{ position: relative;}
.mod-pro .remark{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 20px; color: #fff; text-align: left; background: rgba(0,0,0,.1);}
.mod-pro .iplay{ position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px;}
.swiper-pro a{ padding: 15px;}
.swiper-pro .inner{ background: #fff; box-shadow: 0 0 12px 6px #e6e6e6;}
.swiper-pro .name{ padding: 10px 15px; text-align: center;}
.swiper-pro a:hover .inner{ border: 1px solid #2196f3;}

.mod-test{ background-image: url(../images/blin.jpg);}
.swiper-test a{ padding: 40px 20px; text-align: center; background: #fff;}
.swiper-test .pics{ margin: 30px 0 10px;}
.swiper-test .pic{ width: 100%;}
/*.swiper-test .pic{ position: relative; width: 48%;}*/
.swiper-test .tag{ position: absolute; top: 0; left: 0; width: 80px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #757575;}
.swiper-test .tag.blue{ background: #2196f3;}

.noright{ margin-right: -2%;}
.col-third{ float: left; width: 31.3%; margin-right: 2%;}
.col-third .caption{ position: relative; padding-bottom: 15px; border-bottom: 2px solid #e0e0e0;}
.col-third .tline{ position: absolute; bottom: -12px; left: 0;}
.col-third .pic{ margin-top: 24px;}
.press-list li{ padding: 13px 0; border-bottom: 1px solid #e0e0e0;}
.press-list li:last-child{ border: 0 none;}
.press-list .tellips{ line-height: 16px; color: #616161;}

.init-gray{ background: #f5f5f5;}
.mod-crumb{ padding: 13px 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;}

.frame{ position: relative; padding-left: 260px;}
.aside{ position: absolute; top: 0; left: 0; width: 220px;}
.aside .name{ padding: 16px; margin-bottom: 8px; color: #fff; background: #2196f3;}
.aside .en{ line-height: 20px; text-transform: uppercase;}
.aside-list{ padding: 15px 0; background: #fff;}
.aside-list li{ font-weight: bold;}
.aside-list a{ display: block; padding: 10px 10px 10px 40px;}
.aside-list a:hover, .aside-list .active a{ color: #fff; background: url(../images/idiam.png) no-repeat 20px center #2196f3;}

.prolist li{ float: left; width: 48.5%; margin-bottom: 30px; background: #fff;}
.prolist li:nth-child(2n){ float: right;}
.prolist a{ display: block; position: relative; padding: 40px 20px; border: 1px solid transparent;}
.prolist a:hover{ border-color: #2196f3;}
.prolist .pic{ float: right; width: 60%;}
.prolist .info{ float: left; width: 40%;}
.prolist .bmore{ padding-right: 12px; color: #2196f3; background: url(../images/lright.png) no-repeat right 60%;}

.main-detail{ padding: 40px; background: #fff;}
.main-detail .title{ text-align: center;}
.main-detail .line{ width: 100%; height: 1px; margin: 20px 0; background: #e0e0e0;}
.main-detail .edit-info{ margin-top: 25px;}
.main-detail .pagination{ margin: 30px 0 5px;}

.mod-white{ padding: 20px 40px; background: #fff;}
.mod-white .pagination{ margin: 30px 0 15px;}
.mod-search{ margin-bottom: 15px;}
.form-search input{ float: left; padding: 8px 12px 8px 36px; border: 1px solid #e0e0e0; width: 80%; background: url(../images/isear.png) no-repeat 12px center;}
.form-search .btn-submit{ width: 20%; line-height: 40px; color: #fff; background: #2196f3;}
.faq-list li{ padding: 18px 0; border-bottom: 1px dashed #e0e0e0;}
.faq-list .tellip2{ margin-top: 5px; color: #424242;}

.pagenav a{ display: block; width: 100%; margin-top: 5px; color: #424242;}
.pagenav a.fr{ text-align: right;}
.pagenav a:hover{ color: #3276ff;}
.pagenav2 a{ width: 50%;}

.table .thead{ padding-bottom: 8px; border-bottom: 1px solid #757575;}
.table .td{ float: left; width: 15%; text-align: center;}
.table .tname{ width: 50%;}
.table .tdate{ width: 35%; line-height: 28px;}
.table .target{ display: block; padding: 18px 0; border-bottom: 1px dashed #e0e0e0;}
.table .name{ padding-left: 13px; text-align: left; background: url(../images/iright.png) no-repeat 0 center;}
.table .dload{ width: 24px; height: 24px; margin: 0 auto; background: url(../images/dload.png) no-repeat center center;}
.table a:hover .name{ background-image: url(../images/lright.png);}
.table a:hover .dload{ background-image: url(../images/dload2.png);}

.news-list{ margin-top: -10px;}
.news-list li{ padding: 24px 0; border-bottom: 1px dashed #e0e0e0;}
.news-list a{ display: block; position: relative; padding-left: 260px;}
.news-list .pic{ position: absolute; top: 0; left: 0; width: 240px;}
.news-list .tellip2{ margin: 8px 0 16px; color: #424242;}
.news-list .btn-more{ float: left; width: 104px; line-height: 30px; margin: 0;}
.news-list .date{ float: right; font-size: 14px; margin-top: 4px; color: #757575;}

.news-info{ margin-bottom: 40px; background: #fff;}
.switch-news{ float: right; width: 44%; padding: 10px 16px;}
.switch-news a{ display: block; position: relative; padding: 8px 5px 8px 80px; margin: 5px 0;}
.switch-news .date{ position: absolute; top: 5px; left: 10px; text-align: center;}
.switch-news .year{ line-height: 12px;}
.switch-news a:hover, .switch-news .active{ color: #fff; background: #2196f3;}
.tab-news{ float: left; width: 56%;}

@media(max-width: 1240px){
	.font18{ font-size: 17px; line-height: 30px;}
	.font20{ font-size: 18px; line-height: 32px;} 
	.font24{ font-size: 22px; line-height: 34px;}
	.font36{ font-size: 32px;}

	/*.header .logo{ height: 48px; margin-top: -32px;}*/
	.header .logo{ height: 14px; margin-top: -12px;}
	.header .btn-mart{ height: 42px;}
	.navbar{ width: 60%; margin: 10px auto;}
	.footer{ padding: 50px 0;}

	.btn-more{ margin-top: 20px;}
	.edit-info img{ margin: 16px auto;}
	.pagination{ margin-top: 20px;}
	.mod{ padding: 42px 0;}
	.mod .hd, .mod .bd{ margin-bottom: 35px;}
	.mod .title{ font-size: 28px;}
	.mod-about{ padding: 80px 0 60px;}
	.mod-about .vertical{ padding: 0;}
	.mod-about .txt{ width: 80%;}
	.mod-about .sname{ margin-top: 55px;}

	.swiper-test a{ padding: 30px 18px;}
	.swiper-test .pics{ margin: 20px 0 10px;}
	.col-third .caption{ padding-bottom: 12px;}
	.press-list li{ padding: 6px 0;}

	.frame{ padding-left: 250px;}
	.main-detail{ padding: 32px;}
	.main-detail .edit-info{ margin-top: 20px;}
	.prolist li{ margin-bottom: 25px;}
	.prolist a{ padding: 30px 15px;}

	.switch-news a{ padding-top: 3px; padding-bottom: 3px;}
	
	.mod-white{ padding: 20px 30px;}
	.main-detail .pagination{ margin-top: 20px;}
	.mod-white .pagination{ margin: 20px 0 10px;}
	.faq-list li{ padding: 15px 0;}
	.faq-list .tellip2{ margin-top: 3px;}
	.table .target{ padding: 15px 0;}
	.news-list li{ padding: 20px 0;}
	.news-info{ margin-bottom: 30px;}
	.switch-news{ padding: 8px 12px;}
}
@media(max-width: 992px){ .hide2{ display: none;}
	.font16, .name{ font-size: 15px; line-height: 28px;}
	.font18, .font20{ font-size: 17px; line-height: 28px;}
	.font24{ font-size: 20px; line-height: 32px;}
	.font36{ font-size: 28px; line-height: 36px;}

	.edit-info{ font-size: 15px; line-height: 28px;}
	.pagination{ margin-top: 10px;}
	.header .logo{ height: 10px; margin-top: -10px;}
	.footer{ padding: 40px 0; line-height: 28px;}
	.footer-list li{ display: none;}
	.footer-list .last{ display: block; width: 100%;}
	.fimgs a{ width: 13%;}
	.mod{ padding: 36px 0;}
	.mod .hd, .mod .bd{ margin-bottom: 25px;}
	.mod .title{ font-size: 26px;}
	.mod .tline{ margin: 6px auto;}
	.mod-about{ padding-top: 50px;}
	.mod-about .pic, .mod-about .pbg{ width: 200px;}
	.mod-about .pic{ right: 10px; top: -10px;}
	.mod-about .tline{ margin: 15px 0;}
	.mod-about .sname{ margin-top: 50px;}

	.swiper-test a{ padding: 24px 12px;}
	.col-third{ width: 48%;} .col-news{ width: 98%; margin-top: 15px;}
	.col-third .tline{ bottom: -8px;}
	.col-third .pic{ margin-top: 18px;}
	.press-list li{ padding: 10px 0;}
	
	.edit-info .mtxt{ margin-bottom: 10px;}
	.edit-info img{ margin: 12px auto;}
	.frame{ padding-left: 240px;}
	.aside-list a{ font-size: 15px;} 
	.prolist li{ margin-bottom: 20px;}
	.prolist a{ padding: 20px 12px;}

	.main-detail{ padding: 25px;}
	.main-detail .edit-info{ margin-top: 15px;}
	.main-detail .line{ margin: 15px 0;}
	.pagenav a{ float: none; width: 100%;}
	.pagenav a.fr{ text-align: left;}
	
	.mod-white{ padding: 15px 20px;}
	.faq-list li{ padding: 10px 0;}
	.faq-list .tellip2{ margin: 2px;}
	.table .target{ padding: 12px 0;}
	.news-list li{ padding: 15px 0;}
	.news-list a{ padding-left: 215px;}
	.news-list .pic{ width: 200px;}
	.news-list .tellip2{ margin: 4px 0 12px;}
	.news-list .date{ font-size: 13px;}
	.news-info{ margin-bottom: 20px;}
	.switch-news{ width: 48%;}
	.tab-news{ width: 52%;}
}
@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;}

	.font16{ font-size: 15px; line-height: 26px;}
	.font18{ font-size: 16px;}
	.font20{ font-size: 17px;}
	.font24{ font-size: 18px; line-height: 28px;}
	.font36{ font-size: 24px; line-height: 32px;}
	 
	.header{ position: fixed; z-index: 60; top: 0; left: 0; width: 100%; height: 52px; padding: 8px 0; background: #fff;}
	/*.header .logo{ height: 40px; margin-top: -3px;}*/
	.header .logo{ height: 14px; margin-top: 12px;}
	.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: 30px 0;}

	.mod{ padding: 28px 0;} .mod .title{ font-size: 24px; line-height: 32px;}
	.mod-about{ padding-top: 40px;}
	.mod-about .txt{ width: 100%;}
	.mod-about .sname{ margin-top: 40px;}
	.mod-pro .iplay{ width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
	.col-third .pic{ margin-top: 13px;}
	
	.edit-info .mtxt{ margin-bottom: 8px;}
	.pagination{ margin: 15px 0 30px;}
	.init-gray{ overflow: hidden;} .frame{ padding: 0;}
	.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 #2196f3; background-size: 28px; text-indent: -9999em;} 
	.aside-list{ display: none; left: 56px;}
	.aside-list a{ padding: 8px 20px;}
	.aside-list a:hover, .aside-list .active a{ background-image: none;}
	.prolist li{ margin-bottom: 15px;}

	.main-detail{ padding: 20px;}
	.main-detail .edit-info{ margin-top: 16px;}
	.mod-search{ margin-bottom: 10px;}
	.main-detail .pagination, .mod-white .pagination{ margin-top: 18px;}
	.faq-list li{ padding: 8px 0;}
	.news-info{ margin-bottom: 15px;}
}
@media(max-width:480px){ .pagination .hide-phone{ display: none;}
	.show-phone{ display: block;;}
	/*.font18{ font-size: 15px; line-height: 26px;}
	.font20{ font-size: 16px; line-height: 26px;} */
	.font24{ font-size: 16px;}
	.font36{ font-size: 19px; line-height: 30px;}

	.btn-more{ margin-top: 12px;} 
	.edit-info{ font-size: 14px;} 
	.edit-info .mtxt{ margin-bottom: 5px;}
	.edit-info img{ margin: 5px auto;}
	.header .logo{ width: 230px;}
	.footer{ padding: 20px 0; text-align: center;}
	.footer .finfo{ padding-left: 0; height: auto;}
	.footer .qrcode{ position: static; margin: 0 auto 12px;}
	.fimgs a{ width: 23%;}
	
	.mod{ padding: 18px 0;} .mod .title{ font-size: 20px; line-height: 28px;}
	.mod .hd{ margin-bottom: 15px;} .mod .bd{ margin: 0;}
	.mod .tline{ width: 52px;} .mod .stitle{ font-size: 14px; line-height: 24px;}
	.mod-about .col-info, .mod-about .col-pic{ float: none; width: 100%;}
	.mod-about .pbg{ display: none;} .mod-about .tline{ margin: 12px auto;}
	.mod-about .pic{ position: static; margin: 0 auto;}
	.mod-about .sname{ margin: 20px 0;}
	.mod-hufa a{ float: none; width: 100%; margin-bottom: 15px;}
	
	.mod-pro .container, .mod-test .container{ width: 100%;}
	.mod-pro .pic2{ width: 95%; margin: 0 auto 18px;}
	.mod-test .stitle{ width: 95%; margin: 0 auto;}
	.swiper-pro, .swiper-test{ padding: 0 50px;}
	.swiper-pro a{ padding: 0;}
	.swiper-pro .inner{ box-shadow: 0 0 0 transparent;}
	.noright{ margin: 0;}
	.col-third{ float: none; width: 100%; margin-bottom: 12px;}

	.pagination{ margin: 10px 0 20px;}
	.mod-crumb{ padding: 10px 0; font-size: 13px;}
	.aside-list{ padding: 0;}
	.prolist li, .prolist li:nth-child(2n){ float: none; width: 100%;}
	.prolist li{ margin-bottom: 10px;}
	.prolist a{ padding: 12px;}
	
	.main-detail{ padding: 15px 12px;}
	.main-detail .edit-info{ margin-top: 8px;}
	.main-detail .line{ margin: 10px 0;}
	.mod-white{ padding: 10px 13px;}
	.mod-search{ margin-bottom: 8px;}
	.table .dload{ background-size: 18px;}

	.news-info{ margin-bottom: 10px;}
	.tab-news, .switch-news .date{ display: none;}
	.switch-news{ float: none; width: 100%; padding: 0;}
	.switch-news a{ padding: 10px; border-bottom: 1px dashed #e0e0e0;}
	.switch-news a:last-child{ border: 0 none;}
	.switch-news .pic{ margin-bottom: 5px;}
	.news-list li{ padding: 10px 0;}
	.news-list a{ padding-left: 0;}
	.news-list .pic{ position: static; width: 100%; margin-bottom: 6px;}
}