@charset "utf-8";
/* Reset */ *{ 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{ padding:0; margin:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';} abbr,acronym{ border:0;} img{ vertical-align:middle; border:0;}
li{ list-style-type:none;} label{ font-weight: normal;}
html{ -webkit-text-size-adjust:none;}
body{ height: 100%; font:14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #666; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: #fff;}
input,select,textarea,button{ font:14px/22px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color:#222; outline: none;}
table{ font-size:inherit; font:100%;} input[type="text"]:focus{ outline: none;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
select.form-control{ display: inline-block; width: 128px; margin-right: 15px; background: url(../images/iselect.png) no-repeat 92% center;}
a{ color: #666; outline:none; text-decoration:none;}
a:hover, a:focus{ text-decoration:none;}
button{ cursor:pointer; border:0; padding:0; overflow:hidden;} 
textarea { overflow:auto; resize:none;}
/* 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;} .fl, .left{ float: left;} .fr, .right{ float: right;}
.show-pad{ display: none;} .gray{ color: #aaa;}

.pic{ overflow: hidden;} .body-gray{ background: #f5f5f5;}
.pic img, .logo img, .banner img, .map img, .video img, .title img{ width: 100%; max-width: 100%; height: 100%;}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: row;}
.flex-col{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.start{ justify-content: flex-start; align-items: center;} 
.end{ justify-content: flex-end; align-items: center;}
.center{ justify-content: center; align-items: center;}
.vertical{ display: table-cell; vertical-align: middle; text-align: center;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.circle, .swiper-about .swiper-pagination-switch{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.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;}
.btn-plus{ -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;}
.btn-plus.totate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.nodata{ padding-top: 168px; margin: 18px 0; font-size: 18px; text-align: center; background: url(../images/nodata.png) no-repeat center 0;}
.loading{ position: fixed; z-index: 999; top: 18%; left: 50%; width: 98px; height: 98px; margin-left: -48px;}
.pagination{ display: block; margin: 28px 0 18px;}
.pagination a, .pagination span{ display: inline-block; padding: 3px 12px; border: 1px solid #cfcfcf; margin: 0 2px; color: #666;}
.pagination .btn{ color: #fff; background: #c5c5c5;}
.pagination a:hover, .pagination .active, .pagination .btn.blue{ border-color: #046bcd; color: #fff; background: #046bcd;}

.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: #ff7139; -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{ color: #fff;}
.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);}

.blue{ color: #0e74f1;}

.container{ width: 96%; max-width: 1240px; margin: auto;}
.btn-more{ display: block; width: 152px; height: 34px; margin: 36px auto 0; line-height: 34px; color: #fff; text-align: center; background: #0e74f1;}
/* sprite */
.icon, .sublist a, .btn-left, .btn-right, .mod-crumb a{ background: url(../images/sprite.png) no-repeat 0 -9999em;}
/* header */
.fixedNav{ position:fixed; z-index:999; top: 0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header-site{ padding: 6px 0; color: #b9b9b9; background: #3c393e;}
.header-site .phone{ padding-left: 24px; background-position: 0 6px;}
.header{ line-height: 108px; background: #fff;}
.header .container{ position: relative;}
.header .logo{ position: absolute; top: 0; left: 0; width: 28%; max-width: 360px;}
.nav-list{ float: right; width: 68%; max-width: 850px; border-left: 1px solid #e1e1e1; font-size: 18px; text-align: center;}
.nav-list .item{ float: left; position: relative; width: 14.2%; border-right: 1px solid #e1e1e1;}
.nav-list a{ display: block; color: #0f0f0f;}
.nav-list a:hover, .nav-list .active>a{ color: #fff; background-color: #0e74f1;}
.sublist{ display: none; position: absolute; z-index: 88; top: 100%; left: 0; width: 100%; padding: 12px 0; background: #fff;}
.sublist li{ font-size: 14px; line-height: 36px;}
.sublist a{ padding-left: 12px; display: block; color: #0a4499; background-position: 12px -26px;}
.sublist a:hover{ background-position-y: -226px;}

.scroll-top{ position: fixed; z-index: 99; bottom: 38px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.footer{ padding: 48px 0 28px; line-height: 48px; text-align: center; background: #373737;}
.footer a{ color: #fff;} .footer a:hover{ color: #046bcd;}
.footer .icon{ width: 32px; height: 32px; background-color: #fff;}
.footer .itel{ background-position: center -160px;}
.footer .ichat{ background-position: center -195px;}
.footer .icon:hover{ background-color: #046bcd;}
.footer .itel:hover{ background-position: center -260px;}
.footer .ichat:hover{ background-position: center -295px;}
.ftop{ margin-bottom: 16px;}
.ftop a, .ftop .line{ display: inline-block; margin: 0 20px;}
.ftop .line{ width: 1px; height: 48px; background: #7f7f7f;}
.ftnav{ font-size: 18px;} .ftnav a{ padding: 0 3%;}
.ftlinks{ color: #999;}
.ftlinks a{ padding: 0 1%;}
.copyright{ padding: 12px 0; font-size: 12px; color: #fff; text-align: center; background: #2f2f2f;}
.copyright a{ margin-left: 30px; color: #fff;}
.copyright a:hover .active{ display: inline;}
.copyright .active, .copyright a:hover img{ display: none;}

/* init */
.mod{ padding: 40px 0 50px; overflow:hidden;}
.mod .bd{ position: relative;}
.mod .btn-left, .mod .btn-right{ display: block; position: absolute; top: 30%; width: 32px; height: 48px; border: 1px solid #fff;}
.mod .btn-left{ left: -55px; background-position: center -60px;}
.mod .btn-right{ right: -55px; background-position: center -110px;}
.title, .subtitle{ color: #575757; text-align: center;}
.title{ font-size: 40px; font-weight: bold; line-height: 52px; text-transform: uppercase;}
.subtitle{ border-bottom: 1px solid #dadada; margin-bottom: 45px; font-size: 24px;}
.subinner{ width: 166px; margin: 8px auto -13px; background: #fff;}

.banner-paginate .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 0;}

.mod-about{ background: #f6f6f6;}
.mod-about .subinner{ background: #f6f6f6;}
.mod-about .info, .mod-about .pic{ float: left; width: 50%;}
.mod-about .info{ padding: 45px; background: #fff;}
.mod-about .name{ font-size: 28px; line-height: 38px; color: #575757;}
.mod-about .subname{ font-size: 12px; color: #575757; text-transform: uppercase;}
.mod-about .line{ width: 52px; height: 3px; background: #575757;}
.mod-about .txt{ margin: 18px 0 30px; line-height: 24px; color: #333;}

.jumbo-list li{ float: left; width: 33.3%; color: #b8b8b8;}
.jumbo-list .jumbo{ position: relative; height: 52px; padding-left: 88px; font-weight: bold;}
.jumbo-list .count{ position: absolute; top: 0; left: 0; width: 78px; font-size: 48px; line-height: 52px; color: #0e74f1; letter-spacing: -2px; text-align: right;}
.jumbo-list .unit{ font-size: 12px; text-transform: uppercase;}
.jumbo-list .plus{ font-size: 18px;}
.jumbo-list .subtxt{ margin-top: 13px; color: #777; text-align: center;}

.prolist{ margin-right: -1%;}
.prolist li{ float: left; position: relative; width: 19%; margin-right: 1%; margin-bottom: 13px; text-align: center;}
.prolist .pic{ width: 100%;}
.prolist .name, .prolist .remark{ position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; background: rgba(14,116,241,.88);}
.prolist .name{ height: 36px; font-size: 13px; line-height: 36px; color: #fff;}
.prolist .remark{ display: none; height: 100%;}
.prolist .plus{ position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; border: 1px solid #fff; margin-left: -18px; margin-top: -18px; font-size: 24px; line-height: 32px; color: #fff; text-align: center;}
.prolist a:hover .name{ display: none;}
.prolist a:hover .remark{ display: block;}

.mod-case{ background: url(../images/bg-case.jpg) no-repeat center top;}
.mod-case .title, .mod-case .subtitle{ color: #fff;}
.mod-case .subinner{ background: #233d71;}
.swiper-case .swiper-slide a{ display: block; padding: 13px; background: #ecf3f7;}
.swiper-case .pic{ width: 100%; border: 1px solid #dfecfd; margin: 0 auto;}
.swiper-case .line{ width: 100%; height: 2px; margin: 13px 0; background: #dcdfe0;}
.swiper-case .name{ color: #484848; text-align: center;}
.swiper-case a:hover{ background: #0e74f1;}
.swiper-case a:hover .name{ color: #fff;}
.swiper-case a:hover .line{ background: #93bcee;}

.mod-news .col-half{ float: left; width: 50%;}
.news-info{ display: block; position: relative; margin-right: 10px;}
.news-info .pic{ width: 100%;}
.news-info .remark{ position: absolute; bottom: 0; left: 0; padding: 10px 16px; line-height: 24px; color: #fff; background: #046bcd;}
.news-info .name{ font-size: 18px; font-weight: bold; line-height: 32px;}
.news-info .txt{ height: 48px; overflow: hidden;}
.news-info .more{ position: absolute; bottom: 10px; right: 20px; color: #f6ff0b; background: #046bcd;}
.news-info:hover .more{ text-decoration: underline;}
.news-list{ margin-left: 10px;}
.news-list li{ margin-bottom: 21px;}
.news-list a{ display: block; position: relative; height: 86px; padding-left: 88px; color: #878787;}
.news-list .date{ position: absolute; top: 0; left: 0; width: 80px; height: 86px; padding: 10px 0; border: 1px solid #cecece; color: #666; text-align: center; background: #f4f4f4;}
.news-list .day{ font-size: 26px; font-weight: bold; color: #888;}
.news-list .name{ margin-bottom: 8px; font-size: 16px; font-weight: bold; line-height: 32px; color: #222;}
.news-list .txt{ height: 44px; line-height: 22px; overflow: hidden;}
.news-list a:hover .date{ border-color: #046bcd; color: #fff; background: #046bcd;}
.news-list a:hover .day{ color: #fff;}
.news-list a:hover .name{ color: #0e74f1;}

/* init */
.mod-crumb{ padding: 13px 0; color: #046bcd; background: #fff;}
.mod-crumb a{ padding-right: 18px; background-position: right -330px;}
.mod-crumb a:hover{ color: #046bcd;}

.content{ height: auto; padding: 36px 0; background: url(../images/bg.png) repeat 0 0;}
.content .container{ position: relative;}
.aside{ position: absolute; z-index: 8; top: 0; left: 0; width: 262px; text-align: center;}
.aside .title{ width: 100%; height: 100px; font-size: 22px; line-height: 100px; color: #fff; background: #046bcd;}
.aside-list{ border: 1px solid #eee;}
.aside-list li{ padding: 13px; font-size: 16px; border-bottom: 1px solid #eee; background: #f7f7f7;}
.aside-list a{ color: #222;}
.aside-list li:hover, .aside-list .active{ background: #e1eaf2;}
.aside-list li:hover a, .aside-list .active a{ color: #046bcd;}
.aside-contact{ padding: 12px 0 12px 12px; border: 8px solid #d9d9d9; margin-top: 20px; color: #a1a1a1; text-align: left; background: #fff;}
.aside-contact .inner{ padding-left: 58px; background: url(../images/tel.png) no-repeat left center;}
.aside-contact .phone{ font-size: 18px; font-weight: bold; color: #c50009;}
.main{ margin-left: 276px;}

.list{ margin-right: -2%;}
.list li{ float: left; width: 31.3%; margin-right: 2%; margin-bottom: 32px;}
.list .name{ padding: 10px; border: 1px solid #ddd; color: #333; text-align: center; background: #f9f9f9;}
.list a:hover .name{ border-color: #046bcd; color: #046bcd; background: #e1eaf2;}

.case-list li{ padding: 20px; border: 1px solid #c4c4c4; margin-bottom: 16px; font-size: 13px; line-height: 20px; background: rgba(255,255,255,.68);}
.case-list a, .case-list .pic{ height: 162px;}
.case-list a{ display: block; position: relative; padding-left: 228px; color: #767676;}
.case-list .pic{ position: absolute; top: 0; left: 0; width: 212px;}
.case-list .name{ font-size: 17px; font-weight: bold; line-height: 32px; color: #242424;}
.case-list .txt{ height: 80px; margin: 10px 0 16px; overflow: hidden;}
.case-list .date{ color: #6c6c6c;}
.case-list li:hover{ background: #006bc5;}
.case-list li:hover a, .case-list li:hover .name, .case-list li:hover .date{ color: #fff;}

.main-about .txt{ font-weight: bold;}
.main-about .pic, .main-about .info{ margin-bottom: 18px;}
.main-contact, .main-recruit{ background: #fff;}
.main-contact{ padding: 50px; color: #666;}
.main-contact .name{ margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #046bcd;}
.main-contact .pic{ margin-top: 30px;}
.contact-list li{ margin-bottom: 12px;}
.contact-list .icon{ padding-left: 24px;}
.contact-list .iaddr{ background-position-y: -358px;}
.contact-list .iphone{ background-position-y: -390px;}
.contact-list .iemail{ background-position-y: -422px;}
.main-recruit{ padding: 2px 30px 30px;}
.recruit-list li{ padding: 20px 0; border-bottom: 1px dashed #b9b9b9; font-size: 16px;}
.recruit-list .name{ float: left; width: 166px; color: #111;}
.recruit-list .txt{ float: left; color: #888;}
.recruit-list .date{ float: right; font-size: 14px; color: #999;}
.recruit-list a:hover .name{ color: #046bcd;}

/* news detail */
.main-about img, .main-news img{ width: auto; height: auto;}
.main-news .name, .main-news .subname{ text-align: center;}
.main-news .name{ font-size: 18px; font-weight: bold; color: #111;}
.main-news .subname{ margin: 8px 0 12px; color: #717171;}
.main-news .pic{ width: auto; margin: 16px 0; text-align: center;}
.main-news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 18px;}
.news-more .caption{ border: 0 none; margin-bottom: 8px; font-size: 20px; color: #111;}
.news-more a{ display: block; height: 42px; border-bottom: 1px dashed #dbdbdb; line-height: 40px; color: #616161;}
.news-more span{ float: right; font-size: 14px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 108px; height: 38px; padding-left: 32px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; color: #fff; line-height: 38px; background: url(../images/iback.png) no-repeat 6px center #046bcd; background-size: 20px 16px;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #046bcd;}

.news-catagory a.item{ display: block; padding: 20px; margin-bottom: 8px; color: #222; background: #f5f5f5;}
.news-catagory .name{ height: 32px; padding-bottom: 12px; border-bottom: 1px dashed #222; margin-bottom: 8px; font-size: 18px; color: #222; text-overflow: ellipsis; overflow: hidden;}
.news-catagory .date{ margin-bottom: 18px; color: #858585;}
.news-catagory .info{ margin-bottom: 0;}
.news-catagory a:hover{ color: #fff; background: #046bcd;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

@media(max-width: 1200px){
	.header, .nav-list{ line-height: 78px;}
	.nav-list{ font-size: 16px;}
	.footer{ padding: 32px 0 18px; line-height: 38px;}
	.ftnav{ font-size: 16px;}
	.title{ font-size: 30px; line-height: 38px;}
	.mod{ padding: 30px 0;}
	.mod-about .info{ padding: 18px;}
	.mod-about .name{ font-size: 24px; line-height: 28px;}
	.mod-about .txt{ margin: 16px 0;}
	.jumbo-list .count{ font-size: 40px;}
	.btn-more{ margin-top: 20px;}

	.news-list li{ margin-bottom: 15px;}
	.news-list a{ height: 80px;}
	.news-list .name{ margin: 0;}
	.news-list .date{ width: 76px; height: 80px; padding: 5px 0;}

	/* init */
	.content{ padding: 26px 0;}
	.aside .title{ height: 78px; line-height: 78px;}
	.list li{ margin-bottom: 18px;}

}
@media(max-width: 992px){
	.sublist a{ background-position-x: 5px;}
	.title{ font-size: 24px; line-height: 28px;}
	.subtitle{ font-size: 18px;}

	.mod-about .name{ font-size: 18px;}
	.mod-about .txt{ height: 98px; overflow: hidden;}
	.jumbo-list .jumbo{ padding-left: 76px;}
	.jumbo-list .count{ width: 68px;}
	.prolist li{ width: 24%;}

	.mod-crumb{ padding: 10px 0;}
	.list li{ width: 48%;}
	.case-list li{ padding: 12px;}
	.main-contact{ padding: 28px;}
	.main-recruit{ padding: 0 15px 18px;}
	.recruit-list li{ padding: 16px 0; font-size: 15px;}
}
@media(max-width:768px){
	.hide-pad{ display: none;} .show-pad{ display: block;}
	.header{ height: 46px; line-height: 46px;} 
	.dropmenu{ position: absolute; top: 1px; right: -4px; width: 42px; height: 42px; padding: 8px 4px; cursor: pointer;}
	.dropmenu .line{ float: right; width: 100%; height: 3px; margin: 2px 0; background: #0e74f1;}
	.dropmenu .line2{ width: 88%;} .dropmenu .line3{ width: 68%;} 
	.nav-list{ display: none; float: none; position: fixed; z-index: 9999; top: 46px; right: 0; width: 128px;}
	.nav-list .item{ float: none; width: 100%; border-bottom: 1px solid #eee; font-size: 14px; line-height: 48px; background: #fff;}
	.footer{ font-size: 13px; line-height: 24px;}
	.ftnav{ margin-bottom: 8px; font-size: 14px;}
	.ftnav a{ padding: 0 2%;}
	.pagination{ margin: 18px auto 12px;}
	.pagination a, .pagination span{ padding: 2px 10px;}

	.mod{ padding: 20px 0;}
	.title{ font-size: 22px;}
	.subtitle{ margin: -6px auto 28px;}
	.btn-more{ margin-top: 12px;}
	.mod-about .info, .mod-about .pic, .mod-news .col-half{ float: none; width: 100%;}
	.prolist li{ width: 32.3%;}
	.news-info, .news-list{ margin: 0;}
	.news-info{ margin-bottom: 18px;}


	.aside .title, .aside-list{ position: fixed; bottom: 18px;}
	.aside .title{ left: 8px; width: 43px; height: 43px; padding: 6px; font-size: 13px; line-height: 15px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
	.aside-list{ display: none; left: 56px;}
	.aside-list li{ padding: 8px 16px; font-size: 15px;}
	.main{ margin-left: 0;}
	.list li{ width: 31.3%;}

	.main-contact{ padding: 18px;}
	.main-contact .name, .contact-list li{ margin-bottom: 8px;}
	.main-contact .pic{ margin-top: 18px;}
	
	.news-catagory a.item{ padding: 8px;}
    .news-catagory .pic{ width: 240px; height: 158px;}
    .news-catagory .detail{ width: 100%; height: 158px;}
    .news-catagory .date{ margin-bottom: 0;}
    .news-catagory .info{ max-height: 72px; line-height: 24px; overflow: hidden;}
    .news-pagination a{ width: 58%; font-size: 14px;}
}	
@media(max-width: 480px){
	.hide-phone{ display: none;} .show-phone{ display: block;}
	.scroll-top{ right: 8px; bottom: 18px;}
	.container{ width: 96%;}
	.header .logo{ width: 52%;}
	.footer{ padding: 18px 0;} 
	.ftop .line{ display: none;}
	.footer .icon{ margin-top: 10px;}
	.pagination a, .pagination span{ padding: 1px 8px;}
	.subtitle{ font-size: 17px;}
	.mod-about .txt{ height: auto; overflow: visible; }
	.jumbo-list li{ width: 50%; margin-bottom: 18px;}
	.jumbo-list li:last-child{ clear: both; float: none; margin: 0 auto;}
	.jumbo-list .count{ font-size: 32px;}
	.jumbo-list .plus{ line-height: 18px;}
	.jumbo-list .subtxt{ margin-top: 0;}
	.news-info .name{ font-size: 15px;}
	.news-info .more{ right: 13px;}
	.prolist{ margin-right: -2%;}
	.prolist li{ width: 48%; margin-right: 2%; margin-bottom: 8px;}
	
	.content{ padding: 12px 0;}
	.pagination .btn.blue{ display: none;}
	.list li, .case-list li{ margin-bottom: 12px;}
	.list li{ width: 48%;}
	.case-list a, .case-list .pic{ height: 86px;}
	.case-list a{ padding-left: 120px;}
	.case-list .pic{ width: 112px;}
	.case-list .name{ font-size: 15px; line-height: 24px;}
	.case-list .txt{ height: 40px; margin: 3px 0;}
	.main-about .pic, .main-about .info{ margin-bottom: 8px;}
	.main-contact{ padding: 12px;}
	.main-recruit{ padding: 0 12px 2px;}
	.recruit-list .name{ width: 86px;}
	.recruit-list .txt{ font-size: 14px;}
	.recruit-list .date{ font-size: 12px;}

    .main-news .info{ margin-bottom: 20px;}
    .news-more .caption{ margin-bottom: 10px; font-size: 18px;}
    .news-pagination{ padding: 10px; margin-bottom: 56px;}
    .news-pagination a{ width: 100%;}
    .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -52px; margin: 0; font-size: 13px; text-align: center; background-position-x: 13px;}

    .news-catagory .pic{ width: 100%; height: auto; margin: 0 auto 10px;}
    .news-catagory img{ width: 100%;}
    .news-catagory .detail{ padding: 10px;}
}