/* base */
*, *:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;	-webkit-touch-callout:none; -ms-touch-action:none;}
body{ background:#fff; color:#333; font:500 14px/1.428571429 arial; margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display:block;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{ font:inherit;}
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0;}
i, em{ font-style:normal;}
a{ background:transparent; color:#333; text-decoration:none;}
a, a:focus, a:hover, a:active, :focus, img, input, textarea{ outline:0;}
a, button, input{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
button{	cursor:pointer;}
ul,li,dl,dt,dd{	list-style:none; margin:0; padding:0;}
img{ border:0;}
.left{ float:left;}
.right{ float:right;}
.text-center{ text-align:center;}
.clearfix{ zoom:1;}
.clearfix:before, .clearfix:after{ display:table; content:' ';}
.clearfix:after{ clear:both;}
.clr{ clear:both;}
.img-responsive{ width:100%; height:auto; display:block;}
.clr-lh0{ line-height: 0;}
.f-red{ color:#f00;}
.f-orange{ color: #ff7f00;}
.f-green{ color: #00b259;}
.f-gray9{ color: #999;}
.f-12{ font-size:12px;}
.f-16{ font-size:16px;}
.f-18{ font-size:18px;}
.f-20{ font-size:20px;}
.f-24{ font-size:24px;}
.f-30{ font-size:30px;}
.f-36{ font-size:36px;}
.f-50{ font-size:50px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.bg-f2{ background-color: #f2f2f2;}
.bg-fff{ background-color: #fff;}
.rowspace30{ height:30px; border:none; clear:all;}
.rowspace50{ height:50px; border:none; clear:all;}
.ellipsis1, .ellipsis2, .ellipsis3{
  word-break: break-word;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.ellipsis1 { -webkit-line-clamp: 1;}
.ellipsis2 { -webkit-line-clamp: 2;}
.ellipsis3 { -webkit-line-clamp: 3;}
.header, .container, .footer{ width:100%; min-width:1200px;}
/* header */
.header .wrapper{ height:80px; width:1200px; margin:0 auto;}
.header .wrapper .logo{ margin:19px 0 0 10px; font-size:0;}
.header .wrapper .nav{ margin-top:20px; height:40px;}
.header .wrapper .nav li{ float:left; padding:0 15px; position:relative; z-index:999;}
.header .wrapper .nav li a{ display:block; font-size:18px; line-height:40px; padding:0 15px;}
.header .wrapper .nav li a:hover, .header .wrapper .nav li a.active{ color:#0d9900;}
.header .wrapper .nav .pro-ser{ background:#fff; display:none; position:absolute; top:40px; left:15px; right:15px; padding:10px;}
.header .wrapper .nav .pro-ser a{ text-align:center; line-height:35px; font-size:16px; padding:0;}
.header .wrapper .nav .pro-ser a:hover{ background:#eee;}
.header.fixedtop{ box-shadow: rgba(0,0,0,0.2) 5px 0 5px; -webkit-transform:translateZ(0); position:fixed; top:0; left:0; right:0; z-index:999;}
.header.fixedtop .wrapper{ z-index:1;}
.header .topmenu{ display:none;}
.header{ position:relative;}
.header .mark{ background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.9; z-index:-1;}
.spacehd{ height: 80px;}
/* container */
.bnr-wrap{ background:#f3f3f3; width:100%; min-width:1200px; height:600px; overflow:hidden; position:relative;}
.bnr-wrap .swiper-container{ width:100%; height:600px;}
.bnr-wrap .swiper-container .swiper-wrapper .swiper-slide a{ display:block; height:600px;}
.bnr-wrap, .bnr-wrap .swiper-container, .bnr-wrap .swiper-container .swiper-wrapper .swiper-slide a{ overflow:hidden; position:relative;}
.bnr-wrap .swiper-container .swiper-wrapper .swiper-slide img{ position:absolute; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.bnr-wrap .swiper-pagination-bullet{ height:20px; width:20px;}
.swiper-lazy-preloader{ background-color:rgba(41,204,122,.3); height:50px; width:50px; padding:10px; border-radius:50%;}
.swiper-button-next, .swiper-button-prev{ background-size:41px 66px; height:66px; width:41px; margin-top:-33px;}
.swiper-button-next{ right:30px;}
.swiper-button-prev{ left:30px;}
.pbnr-wrap{ background-color:#40b336; background-image:url(/res/syhcom/images/pbnr.jpg); background-position:center; background-repeat:no-repeat; height:200px;}
.pbnr-wrap p{ width:1200px; height:200px; margin:0 auto; position:relative;}
.pbnr-wrap p img{ position:absolute; top:-200px; left:220px; display:none;}
.main-wrap{ width:1200px; margin:100px auto; padding:0 20px; overflow:hidden;}
.position{ position: relative; z-index: -1; height: 80px; margin-top: -80px;}
/** jnw **/
.jnw-logo{ text-align: center; margin-bottom: 40px;}
.jnw-logo strong{ font-size: 24px;}
.jnw-logo p{ font-size: 16px; color: #999; margin-top: 5px;}
.panel-hd{ height: 40px; line-height: 40px; border-bottom: 1px solid; border-image: linear-gradient(to right, #ff7f00, #fff) 1; margin-right: 80px;}
.panel-hd .title{ color: #ff7f00; font-size: 24px;}
.panel-hd .des{ color: #999; font-size: 16px; margin-left: 5px;}
.jnw-left{ float: left; width: 370px;}
.wsp-list li{ margin-top: 25px;}
.wsp-list a{ display: block; overflow: hidden;}
.wsp-list .img{ float: left; width: 80px; height: 80px; overflow: hidden; margin-right: 10px;}
.wsp-list .img img{ width: 100%; height: 100%;}
.wsp-list .info{ position: relative; height: 80px; overflow: hidden;}
.wsp-list .title{ font-size: 15px; line-height: 1.6; height: 44px;}
.wsp-list .price{ position: absolute; left: 0; bottom: 0; color: #ff7f00; line-height: 1; font-size: 16px;}
.jnw-right{ float: right; width: 370px; padding-left: 10px;}
.intro-item{ margin-top: 30px;}
.intro-item p{ font-style: italic; margin-top: 10px;}
.intro-item .text1{ font-size: 18px; color: #999;}
.intro-item .text2{ font-size: 24px;}
.intro-item strong{ font-size: 30px; color: #ff7f00;}
.jnw-QRcode{ width: 260px; margin: 40px auto 0 auto;}
.jnw-QRcode p{ line-height: 40px; background: #ff7f00; color: #fff; text-align: center; font-size: 18px;}
.jnw-QRcode img{ width: 260px; height: 260px; border: #ff7f00 1px solid; padding: 20px;}
/** jncdt **/
.jncdt-logo{ overflow: hidden;}
.jncdt-logo .logo{ float: left; line-height: 0; margin-right: 15px;}
.jncdt-logo .text{ margin-top: 25px;}
.jncdt-logo .text strong{ font-size: 48px; color: #05913a;}
.jncdt-logo .text p{ font-size: 20px; margin-top: 5px;}
.sup-item{ width: 640px; margin-top: 15px;}
.sup-item li{ float: left; width: 320px; margin-top: 10px; font-style: italic;}
.sup-item li .text1{ font-size: 36px;}
.sup-item li .text2{ font-size: 24px;}
.jncdt-QRcode{ width: 260px;}
.jncdt-QRcode p{ color: #666; text-align: center; font-size: 17px; margin-bottom: 15px;}
.jncdt-QRcode img{ width: 260px; height: 260px; background: #fff; border: #ccc 1px solid; padding: 20px;}
.cdi-list li{ float: left; width: 560px; height: 150px; padding: 20px; margin-top: 25px; margin-right: 40px; background: #fff; border-radius: 15px;}
.cdi-list li:nth-child(2n+2){ margin-right: 0;}
.cdi-list a{ display: block; overflow: hidden;}
.cdi-list .img{ float: left; width: 160px; height: 110px; margin-right: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.cdi-list .img img{ position: relative; z-index: -1; width: 100%;}
.cdi-list .info{ position: relative; height: 110px; overflow: hidden;}
.cdi-list .title{ font-size: 18px;}
.cdi-list .product{ font-size: 20px; font-weight: 600; color: #ff7f00; margin-top: 8px;}
.cdi-list .des{ position: absolute; left: 0; bottom: 0; color: #999; height: 40px;}
/** jngyl **/
.jngyl-logo{ text-align: center; line-height: 0;}
.jngyl-main{
	background: -webkit-linear-gradient(to bottom, #178fe5 20%, #4ce1ff);
	background: -moz-linear-gradient(to bottom, #178fe5 20%, #4ce1ff);
	background: linear-gradient(to bottom, #178fe5 20%, #4ce1ff);
	position: relative;
	overflow: hidden;
}
.jngyl-main .bg{
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.jngyl-main .main-wrap{ position: relative; z-index: 2; margin-bottom: 290px;}
.jngyl-item{ margin: 80px -5px 0 -5px; overflow: hidden; padding: 0 5px 10px 5px;}
.jngyl-item li{ float: left; width: 346px; margin-right: 61px; background-color: #fff; border-radius: 15px; padding: 40px; box-shadow: rgba(0,0,0,0.2) 0 3px 5px;}
.jngyl-item li:last-child{ margin-right: 0;}
.jngyl-item h2{ font-size: 28px; text-align: center;}
.jngyl-item p{ font-size: 16px; color: #999; line-height: 1.5; margin-top: 10px;}
.jngyl-item .intro{ margin-top: 10px; height: 135px; overflow: hidden;}
.jngyl-item .intro dd{ float: left; width: 50%; font-size: 18px; margin-top: 10px;}
.jngyl-item .intro dd:nth-child(2n+2){ text-align: right;}
.jngyl-item .intro dd:last-child{ margin-top: 5px;}
/** orther **/
.form-hd{ text-align: center; line-height: 1;}
.form-hd hr{ display: inline-block; border: #ccc 0.5px solid; width: 30%; vertical-align: top; margin-top: 14px; height: 0; overflow: hidden;}
.form-hd h2{ display: inline-block; font-size: 30px; padding: 0 30px;}
.form-bd{ text-align: center;}
.form-bd .control label{ text-align: left; font-size: 16px; margin-right: 10px; line-height: 45px;}
.form-bd .control input{ height: 45px; border: #ccc 1px solid; border-radius: 5px; background-color: #fff; padding: 10px 15px; font-size: 16px;}
.form-bd .control input::-webkit-input-placeholder { color: #ccc; }
.form-bd .button{ width: 100%; text-align: center; margin-top: 40px;}
.form-bd .button button{ width: 320px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; border-radius: 25px; border: 0; letter-spacing:2px;}
.form-bd .button button:hover{ filter: grayscale(30%);}
.form-bd .button button:active{	opacity: 0.7;}
.form-bd.jncdt form{ display: inline-block; margin-top: 50px;}
.form-bd.jncdt .control{ float: left; margin-right: 50px;}
.form-bd.jncdt .control input{ width: 220px;}
.form-bd.jncdt .button button{ background-color: #00b377;}
.form-bd.jngyl form{ display: inline-block; margin-top: 30px;}
.form-bd.jngyl .control{ margin-top: 30px; margin-left: -92px;}
.form-bd.jngyl .control input{ width: 400px;}
.form-bd.jngyl .button button{ background-color: #0af;}
.links-wrap{ width:1200px; margin:30px auto; padding:0 20px; overflow:hidden; display: table;}
.links-wrap .title{ display: table-cell; font-size: 16px; font-weight: bold; width: 80px;}
.links-wrap .links-items{ display: table-cell; line-height: 2;}
.links-wrap .links-items a{ margin-left: 10px; white-space: nowrap;}
.links-wrap .links-items a:hover{ color: #0d9900; text-decoration: underline;}
.about-wrap{ padding:40px 0 100px 0; width:1200px; margin:0 auto;}
.about-wrap .leftnav{ background:#fff; width:180px;}
.about-wrap .leftnav dt{ color:#0d9900; font-size:26px; height:40px; line-height:1;}
.about-wrap .leftnav dd{ border:#ddd 1px solid; border-width:1px 0; height:50px; position:relative; margin-bottom:-1px; z-index:1;}
.about-wrap .leftnav dd a{ font-size:16px; display:block; line-height:48px; padding-left:30px;}
.about-wrap .leftnav dd a:hover{ background:#f2f2f2;}
.about-wrap .leftnav dd.active{ z-index:2;}
.about-wrap .leftnav dd.active a{ background:#ffbf00; color:#fff; line-height:50px; position:absolute; top:-1px; right:0; bottom:-1px; left:0;}
.about-wrap .con-wrap{ width:980px;}
.about-wrap .con-wrap .hd{ border-bottom:#ddd 1px solid; font-size:20px; height:40px;}
.about-wrap .con-wrap .bd{ padding:30px;}
.about-wrap .con-wrap .bd.clrp{ padding:20px 10px;}
.about-wrap .con-wrap .bd{ font-size:16px; line-height:36px; margin:10px 0;}
.about-wrap .con-wrap .bd .topnews{ margin:10px 0 20px 0; overflow:hidden;}
.about-wrap .con-wrap .bd .topnews img{ float:left; width:300px; height:200px; margin-right:20px;}
.about-wrap .con-wrap .bd .topnews h2{ font-size:20px; line-height:35px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.about-wrap .con-wrap .bd .topnews h2 a:hover{ color:#0d9900;}
.about-wrap .con-wrap .bd .topnews .abstract p{ margin:5px 0; text-indent:0; color:#999; font-size:14px; line-height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.about-wrap .con-wrap .bd .topnews .abstract a{ float:right; color:#f00;}
.about-wrap .con-wrap .bd .article-tit{ font-size:22px; text-align:center; padding-bottom:10px;}
.about-wrap .con-wrap .bd, .about-wrap .con-wrap .bd .content{ overflow:hidden;}
.about-wrap .con-wrap .bd img, .about-wrap .con-wrap .bd .content img{ max-width:100%; height:auto;}
.newslist li{ line-height:20px; padding:10px 0; overflow:hidden;}
.newslist li a{ float:left; font-size:16px;}
.newslist li a i{ color:#bbb; font-family:'\5B8B\4F53'; font-size:16px; margin-right:5px;}
.newslist li a:hover{ color:#0d9900;}
.newslist li a:hover i{ color:#f90;}
.newslist li span{ color:#999; float:right;}
.page-wrap{ line-height:0; text-align:center; margin-top:30px;}
.page-wrap .page{ display:inline-block; *display:inline; *zoom:1;}
.page-wrap .page a, .page-wrap .page span{ float:left; width:35px; height:35px; line-height:35px; background:#f2f2f2; border:#ddd 1px solid; border-radius:3px; text-align:center; margin:0 5px;}
.page-wrap .page a:hover, .page-wrap .page span{ border:0; background:#ffbf00; color:#fff;}
.page-wrap .page a.prev, .page-wrap .page a.next{ width:80px;}
.page-wrap .page span.prev, .page-wrap .page span.next{ background:#f2f2f2; border:#ddd 1px solid; color:#999; width:80px;}
.page-wrap .page span.omit{ background:none; color:#666; margin:0;}
/* footer */
.footer{ background:#2e332e;}
.footer .wrapper{ width:1200px; margin:0 auto; padding:40px 20px; overflow:hidden;} 
.footer .copyright p{ line-height:36px; color:#fff;}
.footer .copyright a{ color:#fff;}
.footer .navlink{ text-align:right;}
.footer .navlink a, .footer .navlink span{ color:#fff;}
.footer .navlink span{ color:#999; margin:0 10px;}
.footer .qrcode{ margin-top:20px;}
.footer .qrcode li{ float:left; margin-left:20px;}
.footer .qrcode li img{ background:#fff; padding:5px; width:100px; height:100px;}
.footer .qrcode li p{ color:#fff; font-size:12px; text-align:center;}
/** component **/
.dialog{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.2);}
.dialog-wrap{ position: absolute; top: 50%; left: 50%; width: 400px; background: #fff; border-radius: 10px; overflow: hidden; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); box-shadow: rgba(0,0,0,0.2) 0 0 10px;}
.dialog-hd{ text-align: center; font-size: 18px; font-weight: bold; color: #000; line-height: 1; padding-top: 30px;}
.dialog-bd{ text-align: center; font-size: 16px; color: #666; line-height: 1.5; padding: 30px;}
.dialog-ft{ border-top: #ddd 1px solid; height: 50px; overflow: hidden; text-align: center;}
.dialog-ft .btn{ float: left; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; text-align: center; width: 100%;}
.dialog-ft .btn:active{ background-color: #f5f5f5;}
.dialog-ft .btn.cancel{ color: #999; width: 50%; border-right: #ddd 1px solid;}
.dialog-ft .btn.submit{ color: #00b377;}
.dialog-ft .btn.cancel + .submit{ width: 50%;}

/* Mobile Device */
@media (max-width: 414px) { 
	.left, .right{ float:none;}
	.header, .container, .footer{ min-width:100%;}
	.header .wrapper{ width:100%; height:auto;}
	.header .wrapper .logo{ margin-top:0; height:45px; padding:10px;}
	.header .wrapper .logo img{ width:auto; height:25px;}
	.header{ position:relative;}
	.header .topmenu{ display:block; position:absolute; top:8px; right:10px;}
	.header .topmenu a{ background:#0C6; border-radius:2px; display:block; width:29px; height:29px; position:relative;}
	.header .topmenu a span{ background:url(/res/syhcom/images/topmenu.png) no-repeat; background-size:19px 19px; display:block; width:19px; height:19px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.header .wrapper .nav{ display:none; margin-top:0; height:auto; padding-bottom:10px;}
	.header .wrapper .nav li{ float:none; position:inherit; z-index:1;}
	.header .wrapper .nav li a{ border-bottom:#eee 1px solid; font-size:16px;}
	.header .wrapper .nav .pro-ser{ position:inherit; padding:0;}
	.header .wrapper .nav .pro-ser a{ color:#666; font-size:14px; text-indent:14px; text-align:left;}
	.spacehd{ height: 45px;}
	.bnr-wrap, .bnr-wrap .swiper-container, .bnr-wrap .swiper-container .swiper-wrapper .swiper-slide a{ min-width:100%; height:200px;}
	.bnr-wrap .swiper-container .swiper-wrapper .swiper-slide img{ display:block; width:auto; height:200px;}
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:8px; height:8px; margin:0 2px;}
	.swiper-button-next, .swiper-button-prev{ display:none;}
	.swiper-lazy-preloader{ height:30px; width:30px; padding:5px;}
	.main-wrap{ width: 100%; margin: 50px 0 80px 0; padding: 0 15px;}
	.position{ height: 45px; margin-top: -45px;}
	.jnw-logo{ margin-bottom: 20px;}
	.jnw-logo img{ width: 30%;}
	.jnw-logo strong{ font-size: 5.33334vw;}
	.jnw-logo p{ font-size: 3.73334vw;}
	.jnw-left, .jnw-right{ float: none; width: 100%;}
	.jnw-right{ margin-top: 20px; padding-left: 0;}
	.panel-hd .title{ font-size: 18px;}
	.panel-hd .des{ font-size: 14px;}
	.wsp-list li{ margin-top: 15px;}
	.intro-item{ margin-top: 20px; padding: 0 5%;}
	.intro-item .text1{ font-size: 4vw;}
	.intro-item .text2{ font-size: 5.33334vw;}
	.intro-item strong{ font-size: 6.93334vw;}
	.jncdt-logo .logo{ float: none; margin-right: 0; text-align: center; display: block;}
	.jncdt-logo .logo img{ width: 35%;}
	.jncdt-logo .text{ text-align: center; margin-top: 5px;}
	.jncdt-logo .text strong{ font-size: 6.93334vw;}
	.jncdt-logo .text p{ font-size: 4vw; margin-top: 0;}
	.sup-item{ width: 100%; padding: 0 10%;}
	.sup-item li{ width: 100%; margin-top: 0;}
	.sup-item li .text1{ font-size: 8vw;}
	.sup-item li .text2{ font-size: 5.86667vw;}
	.jncdt-QRcode{ margin: 30px auto 0 auto;}
	.cdi-list li{ float: none; border-radius: 10px; width: 100%; height: auto; margin-right: 0; padding: 10px; margin-top: 15px;}
	.cdi-list .img{ width: 26.66667vw; height: 21.33334vw; margin-right: 10px;}
	.cdi-list .info{ height: 21.33334vw;}
	.cdi-list .title{ font-size: 3.73334vw;}
	.cdi-list .product{ font-size: 4.26667vw; margin-top: 2px;}
	.cdi-list .des{ font-size: 3.2vw; height: auto;}
	.jngyl-main{ margin-bottom: -50px;}
	.jngyl-main .main-wrap{ margin-bottom: 100px;}
	.jngyl-logo img { width: 60%;}
	.jngyl-item{ margin-top: 40px; padding: 0 15px;}
	.jngyl-item li{ float: none; width: 100%; padding: 30px; margin-bottom: 20px;}
	.jngyl-item h2{ font-size: 5.86667vw;}
	.jngyl-item p{ font-size: 3.73334vw;}
	.jngyl-item .intro{ height: auto; margin-top: 5px;}
	.jngyl-item .intro dd{ font-size: 4.26667vw; margin-top: 5px;}
	.jngyl-item .intro dd:nth-child(2n+2){ text-align: left;}
	.links-wrap{ width: 100%; margin: 20px auto; padding: 0 15px;}
	.form-hd{ display: flex;}
	.form-hd hr{ flex: 1; margin-top: 2.66667vw;}
	.form-hd h2{ font-size: 5.86667vw; padding: 0 15px;}
	.form-bd.jncdt form, .form-bd.jngyl form{ margin-top: 10px;}
	.form-bd.jncdt .control, .form-bd.jngyl .control{ display: flex; float: none; margin-right: 0; margin-top: 20px; margin-left: 0;}
	.form-bd .control label, .form-bd .control label{ flex-shrink: 0; width: 80px;}
	.form-bd.jncdt .control input, .form-bd.jngyl .control input{ width: 100%;}
	.form-bd .button{ margin-top: 30px;}
	.form-bd .button button{ width: 70%;}
	.pbnr-wrap{ height:120px; background-size:auto 120px;}
	.pbnr-wrap p{ width:100%; height:120px; line-height:120px; font-size:0; padding:0 50px;}
	.pbnr-wrap p img{ position:static; width:100%; height:auto; vertical-align:middle; display:none;}
	.about-wrap{ padding:10px 0 50px 0;}
	.about-wrap .leftnav{ display:none;}
	.about-wrap, .about-wrap .con-wrap{ width:100%; position:relative;}
	.about-wrap .con-wrap .hd{ text-indent:20px;}
	.about-wrap .con-wrap .bd{ padding:10px 20px;}
	.about-wrap .con-wrap .bd p{ line-height:30px;}
	.about-wrap .con-wrap .bd img{ max-width:100%; height:auto}
	.about-wrap .con-wrap .bd.clrp{ padding:20px;}
	.about-wrap .con-wrap .bd .topnews{ margin:0 0 15px 0;}
	.about-wrap .con-wrap .bd .topnews img{ float:none; margin-right:0; width:100%; height:auto;}
	.about-wrap .con-wrap .bd .topnews h2{ display:block; font-size:18px; line-height:25px; margin:5px 0;}
	.about-wrap .con-wrap .bd .topnews .abstract p{ line-height:23px;}
	.about-wrap .con-wrap .bd .topnews .abstract a{ background:#f2f2f2; display:block; float:none; text-align:center; padding:5px 0;}
	.about-wrap .con-wrap .bd .article-tit{ margin-top:10px;}
	.page-wrap .page a, .page-wrap .page span{ display:none;}
	.page-wrap .page a.prev, .page-wrap .page a.next{ display:block; margin:0 10px;}
	.leftnav.shownav{ display:block; width:auto; position:absolute; top:9px; right:20px; z-index:99;}
	.about-wrap .leftnav.shownav dt{ font-size:18px; text-align:center; line-height:35px;}
	.about-wrap .leftnav.shownav dt span{ background:#ccc; border-radius:2px; display:inline-block; width:16px; height:16px; top:1px; position:relative; margin-right:5px;}
	.about-wrap .leftnav.shownav dt span i{ background:url(/res/syhcom/images/topmenu.png) no-repeat; background-size:10px 10px; display:block; width:10px; height:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
	.about-wrap .leftnav.shownav dd{ display:none;}
	.about-wrap .leftnav.shownav dd a{ padding:0; text-align:center;}
	.footer .wrapper{ width:100%; text-align:center;}
	.footer .copyright p{ line-height:24px; padding:0 20px;}
	.footer .copyright p.f-18{ font-size:14px;}
	.footer .copyright p.f-24{ font-size:22px;}
	.footer .navlink{ display:none;}
	.footer .qrcode{ display:inline-block;}
	.footer .qrcode li:first-child{ margin-left:0;}
	.dialog-wrap{ width: 80%;}
}