html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
caption, th {
	text-align: left;
	font-weight: normal;
}
h2{ font-size:18px; margin:0 0 20px 0; padding:0 }
.p1{ font-size:16px; font-weight:bold; margin:0 0 20px 0; padding:0 }

p{ margin: 0 0 20px 0; padding:0}
textarea {
	overflow: auto;
	resize: none;
}
.blue {
	color: #018fd9
}
em {
	font-style: normal;
}
a, a:hover {
	text-decoration: none;
}
a {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-transition: all 0.1s linear
}
div, img, li {
	-webkit-transition: all 0.1s linear; 
}
input[type="submit"] {
	border: none;
}
button, input, select, textarea {
	font-size: 100%;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
	margin: 1px 3px 5px 0;
}
 
input[type="text"], input[type="password"], textarea {
    font-family: 微软雅黑;
	font-size: 14px;
    min-height: 24px;
    line-height: 24px;
    color: rgb(63, 63, 63);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 3px 5px -5px inset;
    padding: 6px 5%;
    border-radius: 3px;
	    border: 1px solid #cecece;
}
select {
          font-family: 微软雅黑;
		 font-size: 14px;
	     appearance:none;
         -moz-appearance:none;
         -webkit-appearance:none;
		 border-radius:  3px;
		 background-color:#fff;
		 height:38px; 
		 height:30px\9; 
	    padding: 5px 30px 5px 10px;
		padding: 5px 30px 5px 10px;\9;
		background:#fff;
		background-image: url(../images/select-arrow.png);
		background-image:none\9;
		background-size: 20px 8px;
    background-repeat: no-repeat;
    background-position: right center;
 	margin: 0 2% 0 0;
	margin: 10px 2% 0 0\9;
    border: 1px solid #cecece;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 3px 5px -5px inset;
 } 

select::-ms-expand { display: none; }

input:focus, button:focus{
	outline:0;
	}

.inline-block {
	display: inline-block;
 *display: inline;
	zoom: 1;
}
::-webkit-input-placeholder {
color:#aaa;
}
:-moz-placeholder {
color:#aaa;
}
::-moz-placeholder {
color:#aaa;
}
:-ms-input-placeholder {
color:#aaa;
}
body {
	color: #333;
	line-height: 26px;
	background: #fff; 
    font-family: "Open Sans",Arial, "Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
	font: 16px/2 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA;
    -webkit-font-smoothing: antialiased;
	padding: 70px 0 0 0;
}

 
a {
	color: #0758c7;
}
a:hover {
	color: #0758c7;
	text-decoration: underline
}
.wrap {
	width: 94%;
	max-width: 1208px;
	margin: 0 auto;
 } 
.diagram{ text-align:center; margin: 40px 0 40px 0}
.diagram img{ max-width: 100%}

.gray {
	color: #999
}
.block-list {
	margin: 0 0 20px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.header {
	position: fixed;
	top: 0;
	height: 70px;
	z-index: 10;
	width: 100%;
	background-color: #FFF;
  	box-shadow: 3px 3px 20px rgba(0, 0, 0, .04); 
}
.header .logo {float: left; height: 65px; padding: 0 0 0 0; margin: 0 0 0 -5px; -webkit-transition: all 0.1s linear;}
.header .logo img{height: 100%;  -webkit-transition: all 0.1s linear; }
.header .slogan {float: left; margin: 29px 0 0 6px; -webkit-transition: all 0.1s linear;}
.header .slogan img{ position:relative; transition: transform 0.1s; -webkit-transition: all 0.1s linear;}
.header .nav {
	float: left;
	margin: 18px 0 0 50px; 
	text-transform: uppercase; 
}
.header .nav li {
	float: left;
}
.header .nav li a {
 	color: #666;
	display: inline-block;
	line-height: 30px;
	margin:0 16px; 
	border-top: solid 2px #fff;
	font: 16px/2 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA;
 }
.header .nav li a:hover {
	color: #000;
}
.header .nav .current a {
	border-bottom: solid 2px #0758c7;
	color: #000;
}
.header .tel{ float: right; margin: 12px 0 0 0; color:#333; font-size:16px}
.header .tel img{ width: 32px; margin: 0 10px -10px 0}
.header .tel span{ font-size:22px; }
.header .tel a{ color: #e62129}
.sub-banner{position:relative;
	width:100%; margin: 100px 0 0 0}

.banner{ height:134px; background:#0758c7; background-repeat:no-repeat; background-position: center}
.banner h2{ padding: 36px 0 0 0; text-align:center; font-size:28px; font-weight:400; color:#FFF}
.banner .title{ font-size: 26px; line-height: 28px; padding: 38px 0 2px 0; text-align:center; color:#fff }
.banner .time{ color: rgba(255, 255, 255, 1); text-align:center;}

.hb-img {
 background-size: cover;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-position:center;
	z-index:-1
}
.home-banner {
	position:relative;
	width:100%;
	height:38vw; 
	overflow:hidden;
	margin: 0 0 0 0;
	background-image:url(../images/home-banner.jpg);
	background-position: center center;
	background-size: cover
	
}
.home-banner .wrap{ position:relative; height:100%; text-align: center; padding: 13vw 0 0 0; color: #fff } 
.home-banner h2{ font-weight:600; font-size:40px; line-height:50px; margin:0 0 15px 0}
.home-banner p{ max-width: 900px; font-size:16px; line-height: 30px; margin:  0 auto}
.home-banner .btn a{ display:inline-block; margin: 0 20px 0 0; width: 136px; line-height:48px; text-align:center; font-size:18px; color:#da0b0b; background-color:#FFF; border-radius: 4px}
.home-banner .btn a:hover{ background-color:#da0b0b; color:#FFF}
.home-banner .btn a:active{ color:rgba(255, 255, 255, .50)}


.top-search, .home-about, .qr-list{
	position:relative;
	background-color: #FFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 1px 1px 5	px rgba(0, 0, 0, .03);
    border: 1px solid #efeff2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin: 25px 0 0 0;
	padding: 20px 20px 20px 20px;
	}
.qr-list{ padding-top: 10px}	
.top-search .input{ display:inline-block; margin: 0 8px 0 0; width:30% }
.top-search .input-100{  margin: 0 200px 0 0;  }
.top-search .input input{ width:89%}
.top-search .input-100 input[type="text"]{ padding: 6px 1.5%; width:97%}
 
.top-search .select{ display:inline-block; margin: 0 8px 0 0; width:12%}
.top-search .select select{ width:100%}
.top-search .button{ position:absolute; right:20px; top:20px}
.submit-btn { 
	padding: 0 25px 2px 25px; 
 	color: #fff;
	text-align:center;
	height: 38px;
	line-height: 38px;
	background: #d62310;
	border: 1px solid #DE4646;
	outline: none;
	border-radius: 4px;
	cursor: pointer;
 	font: 16px 微软雅黑, sans-serif;
	filter:chroma(color=#000000)\9;
}
.submit-btn:hover{
    background: #e72e1a;
 }
.submit-btn:active { 
	background: #c71d0b;
}
.submit-btn img{ margin: 0 8px -3px 0}


.sub-img {
	width:100%;
	height:174px;
	background-position:center;
}

.home-about{ position:relative; min-height: 127px;}
.home-about .qr{ position:absolute; left:20px; display:inline-block; margin: 1px 20px 0 3px}
.home-about .text{ display:inline-block;  margin: 1px 260px 0px 150px; line-height:25px; vertical-align:top}
.home-about .link{ position:absolute; right:20px; top:20px; margin:-20px -20px 0 0;  background:url(../images/link_bg.png); height: 131px; width:260px; padding:36px 0 0 0; border-radius: 0 3px 3px 0}
.home-about .stat{ text-align:center; color:#FFF;  margin:-18px 0 10px 0;}
.home-about .stat span{ font-weight:bold; font-size:17px}

.white-btn a{
	display:block;
	width: 73%;
	margin: 0 auto 12px;
	padding: 8px 5px 10px 5px; 
    color: #0758c7;
    text-align: center; 
    background: #fff; 
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    font: 15px 微软雅黑, sans-serif;
	}
.white-btn a:hover{ color:#2685fb}	
.white-btn a:active{  color:rgba(38, 133, 251, .50)}	

.qr-list .top{ position:relative; height:40px; border-bottom: 1px solid #eeeeee; margin: 10px -20px 0;}
.qr-list .top .title{ margin: 0 0 0 30px; color:#0758c7; font-size:16px; font-weight:bold}

 
.qr-list .list li{ float:left; width:20%; text-align:center; padding:25px 0}
.qr-list .list li img{ width:160px}
.qr-list .list li .name{ line-height:20px; margin:10px 0 0 0}
.qr-list .list li .name i{ font-style:inherit; display:block; color: #777}

.qr-list .more a{ position:absolute; right:20px; top:0px; font-size:14px; padding: 0 15px 0 0; background-image:url(../images/icon-arrow.png); background-position: center right; background-repeat:no-repeat; background-size:12px; color:#999}
.qr-list .more a:hover{background-image:url(../images/icon-arrow-2.png); color:#0758c7}

.ps-list li{ position:relative; margin: 0 0.8%; border-bottom: 1px solid #eeeeee; padding: 0 0 0 0 }
.ps-list li .title{ padding: 18px 0 0px 0; display:inline-block; font-size:16px; font-weight:600; width:92%; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ps-list li .date{ padding: 0px 0 0 0; display:inline-block; width:92%; vertical-align:top}
.ps-list li .icon{ display:inline-block;}
.ps-list li .icon img{ width:20px; height:20px;  margin: -3px 6px -4px 0}
.ps-list li .detail{ position:absolute; right:32px; padding: 20px 0; display:inline-block; text-align:right}
.ps-list li .detail a{ padding: 9px 20px; border: 2px solid #0758c7; border-radius: 5px;}
.ps-list li .detail a:hover{ background:#0758c7; color:#fff}
.ps-list li .news-date{ padding: 2px 0 0 30px; color:#999; line-height:24px;}
.ps-list li .news-summary{padding: 2px 0 0 30px;   line-height:25px; color:#999; height:50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ps-list li:hover .news-summary{color:#0758c7}

.list-top {margin: 0 10px; border-bottom: 1px solid #eeeeee}
.list-top .title{ padding: 5px 0 10px; display:inline-block; font-size:14px; width:50%; color:#666}
.list-top  .date{ padding: 5px 0 10px; display:inline-block; font-size:14px; width:35%; color:#666}

.ps-search{  background-color:#FFF; border-bottom: 1px solid #efefef; height: 43px; text-align: right; padding:5px 0 0 0 }
.ps-search .wrap{ position:relative; }
.ps-search .input{display:inline-block; vertical-align:top;  margin: 0 0 0 0; min-width:25%; padding:0px 0 0 0 }
.ps-search .input input{ float:left; border-radius: 3px; padding: 6px 2px; width:90%; box-shadow: rgba(0, 0, 0, 0) 0px 3px 5px -5px inset; border:0}
.ps-search .button{ position:absolute; right:6px; top: 6px }
.ps-search .submit-btn-2{ border:0; background:#fff; padding: 3px; font-size:15px; cursor:pointer}


.about-text{ width:76%; margin:60px auto}
.about-qr{ text-align:center; margin: 0 0 100px 0}
.about-qr img{ margin: 0 0 5px 0}

.intro h3{ text-align:center; margin: 60px 0; font-weight:400; font-size:20px}
.step-1{ margin: 0 0 80px 0}
.step-2{ display:none}

.main{ position:relative; font-size: 16px; line-height: 30px; min-height:500px}
.main h2{ position:relative; margin:60px 0 40px 0; font-size:26px; color:#da0b0b; }
.main h2:before{ position:absolute; height:26px; width:3px; background:#C00 }
.main h3{ position:relative; margin:80px 0 80px 0; font-size:34px; text-align:center; }


.footer{ height: 135px; background-color:#f8f8f8; line-height:24px; padding:20px 0 0 0; margin: 40px 0 0 0; font-size:14px; border-top: 1px solid #efefef}
.footer-copy{ float:left}
.footer-address{float:right; text-align:right}
.footer-qr{ float:right}
.footer-qr li{ display:inline-block; margin: -5px 0 0 20px}
.footer-qr li img{ width: 90px; }
.footer-qr p{ margin: -10px 0 0 0; text-align: center; font-size: 13px}

.rd-mobilepanel_toggle{ display:none}
.text-li{ margin: 0 0 0 20px}
.text-li li{ list-style:outside}
 
.header-fixed{ }
.header-fixed .logo {float: left; padding: 6px 0 0 0; margin: 0 0 0 -5px}
.header-fixed .logo img{ height:60px}
.header-fixed .slogan {float: left; margin: 17px 0 0 6px}
.header-fixed .slogan img{ height:32px}
.header-fixed .nav { margin: 16px 0 0 0; -webkit-transition: all 0.1s linear;}

.banner-fixed{ margin: 70px 0 0 0;}
.flow-2{ display:none}

.load-more{
	text-align:center;
	background-color: #FFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    border: 1px solid #efeff2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 25px 0 20px 0;
    padding: 10px;
	font-size:16px;
	cursor:pointer
 	}
.load-more:hover{ background:#0758c7; border: 1px solid #0758c7; color:#fff}
.load-more:active{color:rgba(255, 255, 255, .5);}
.intro .about-text h3{ display:none}

.seminar-info, .news-detail{ width:80%;
   position: relative;
    background-color: #FFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 1px 1px 5	px rgba(0, 0, 0, .03);
    border: 1px solid #efeff2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 30px auto 20px auto;
    padding: 20px 20px 20px 20px; }
	
.news-detail{ width:auto;}
.ps-list li:hover .news-summary{color:#0758c7}
.seminar-info .li{ border-bottom:1px solid #eee; margin: 0 12px 0 12px; padding: 14px 10px 14px 0; }
.seminar-info .li:last-child{ border-bottom:0px}
.seminar-info .name{ display:inline-block; width: 22%; font-size:16px; font-weight:600; vertical-align:top}
.seminar-info .data{ display:inline-block; width: 76%; font-size:16px; color: #333}
.seminar-info .data text{ display:block}
.seminar-info .ps-qr { width: 200px; margin:20px 0 0 0; }
.seminar-info .icon{ display:inline-block;}
.seminar-info .icon img{ width:22px; height:22px;  margin: -3px 8px -5px 0}
.home-list{ display:inline-block; width: 48.8%; vertical-align:top}
.home-list:first-child{ margin: 0 1.8% 0 0}
.home-list li .title{ padding: 16px 0; display:inline-block; font-size:15px; font-weight:600; width:64%; height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space: nowrap;}
.home-list li .date{ padding: 16px 0; display:inline-block; width:35%; vertical-align:top}
.home-list .news-title{
	padding: 16px 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    width: 87%;
	height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space: nowrap;
	}
.home-list li .news-date{ text-align:right; color:inherit; display:inline-block ;width: 11%; padding: 17px 0; vertical-align: top; }	
.half-list li{ width: 48%; display:inline-block  }


.news-detail .title{ text-align:center; font-size:26px; line-height:32px; padding: 25px 10px 10px 10px; font-weight:500}
.news-detail .date{ text-align:center; color:#999; font-size:16px; padding: 0 0 20px 0 }
.news-detail .content{ padding:40px; border-top: 1px solid #efefef; font-size:17px;}

.empty{ text-align:center; padding:30px 0 10px 0; color:#999 }
 .ps-list li a{ display:block;  padding: 4px 0 16px 0; }
.home-list  .ps-list li a{ display:block;  padding: 4px 0 0 0; }

.home-services{ background: #fff; padding:0 0 20px 0}
.home-services .row{ padding: 30px 0 20px 0; border-radius: 6px; box-shadow: 8px 8px 60px rgba(0, 0, 0, 0.06);  }
.home-services .title{ font-size: 25px; line-height:30px; margin: 10px auto 20px;  color: #333}
.home-services .title p{ font-size: 16px; margin: 5px 0 0 0}
.home-services .slogan{font-size: 18px; margin: 0 0 20px 0 }
.home-services .text{ line-height: 26px;  margin: 0 5px 0 0; font-size: 15px; line-height: 28px}


 .home-services h2{ padding: 15px 0 40px 0; text-align:center; font-size:32px; color: #333; background:url(../images/red-line.png); background-repeat:no-repeat; background-position:bottom center}
.home-services .icon img{width: 200px}
.home-services .intro{ max-width: 850px; text-align: center; margin: 0 auto 100px}

.home-services-item{ max-width: 1020px; margin: 40px auto}
.home-services .content{padding: 0 0 0 20px}

.logo-qr{ width: 120px; margin: 0 20px 0 0; display: inline-block;  text-align: center}
.logo-qr img{width: 120px}
.logo-qr p{ margin: -8px 0 10px 0; font-size:13px; line-height: 18px}

.services-list{font-size: 0; max-width: 1020px; margin: 0 auto 100px}
.services-list li{width: 20%; display: inline-block; vertical-align: top;}
.services-list li .box{font-size:14px;line-height: 18px;height: 130px;background: #1e589b;text-align: center;color: #fff;padding: 20px 20px 0;margin: 3px;border-radius: 4px;}
.services-list .icon-img{display: block;width: 52px;margin: 2px auto 5px;}

@media (max-width: 1280px) { 
.subnav{ display:none}
.exhib-date{ float:none; height: 26px}	
.social-list{ float:left; background-size: 28px; padding: 15px 0 0 7px; margin: 0 0 0 0;  height: 40px;}
  .social-list li{  margin: 0 0 0 2px;}
.header .nav{ display:none; position:fixed; width:100%; top: 55px; left:0; margin:0; background-color:#FFF; text-align:center; z-index:1000; box-shadow: 1px 10px 10px rgba(0, 0, 0, .02);
    -moz-box-shadow: 1px 10px 10px rgba(0, 0, 0, .02);
    -webkit-box-shadow: 1px 10px 10px rgba(0, 0, 0, .02);}
.header .nav li { float:none}
.header .nav li a {width:100%; line-height:50px; font-size:17px; margin:0; border-bottom: solid 1px #efefef;}
.header .nav .current a {
    border-bottom: solid 1px #efefef;
    color: #0758c7;
}

.rd-mobilepanel_toggle {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position:absolute;
  top: 2px;
  right: 0;
  width: 48px;
  height: 48px; }
  .rd-mobilepanel_toggle::-moz-focus-inner {
    border: none;
    padding: 0; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      transition: all 0.1s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.1s, 0.1s;
    transition-duration: 0.1s, 0.1s;
    -webkit-transition-delay: 0.1s, 0s;
    transition-delay: 0.1s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform; }
  .rd-mobilepanel_toggle.active span {
    transition: background .1s 0s ease;
    background: transparent; }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      -webkit-transition-delay: 0s, 0.1s;
      transition-delay: 0s, 0.1s; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
	
	.ps-list li{ position:relative; border-bottom: 1px solid #eeeeee; }
.ps-list li .title{position:relative;margin:15px 0 0 0; font-size:16px; padding: 0 0 0 30px; width: 92%; line-height: 23px}
.ps-list li .date{ position:relative; padding: 2px 0 0 30px; margin:3px 0 0 0;  width: 92%;  line-height: 24px; }
.ps-list li .detail{ position:static; width: 100%; padding: 10px 0 15px 0; text-align: center;}
.ps-list li .icon{ position:absolute; top:5px; left:0}
.ps-list li .news-title .icon{ position:relative; top:0; left:0}
.ps-list li .detail a{ display:block; padding: 3px 0; border: 1px solid #dddddd; color: #333; font-size:14px; border-radius: 4px;}
.qr-list .top .title{margin: 0 0 0 20px;}
.qr-list .more a{right: 15px;} 
}
 
@media (max-width: 768px) { 
	.services-list li{width: 50%;}
	.home-services .icon {
    text-align: center;
    margin: 20px 0;
}
.home-services .row{ padding: 10px 0 20px 0; margin: 0 0}
 .header .tel{ zoom: 0.82; margin: 15px 0 0 0 }
 .ps-list li .title{    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    height: auto;}
     .home-list li .title{overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    height: auto;}
     .ps-list li{ margin:0}          
     .ps-list li .news-title .icon{ position:absolute; top:5px; left:0}
     .ps-list li .news-summary{ display:none}
     .half-list li{ width: 100%; display:inline-block  }
     .home-list{ display:inline-block; width: 100%}
	.home-list  .news-title{position: relative;
    margin: 15px 0 0 0;
    font-size: 16px;
    padding: 0 0 0 30px;
    width: 92%;
    line-height: 24px;
	overflow:inherit;
	text-overflow:inherit;
    white-space:inherit;
	height:auto;
	}
	.seminar-info{ width:auto; padding: 5px 5px 20px 5px; margin: 15px auto 10px auto; border-radius: 0px;}
	.seminar-info .name{ width: 98%; font-size: 16px;}
	.seminar-info .data{ width: 98%;}
	.seminar-info .ps-qr{ display:block; margin:10px auto 0 auto;}
	.about-text{ width:92%; margin: 30px auto;}
	.intro .about-text h3{ display:block; font-size:22px}
	.about-qr{ margin: 0 0 60px 0}
	.intro h3{ margin: 20px auto; font-size:18px}
	.banner{ height: 100px; background-size:cover}
	.banner h2{padding: 25px 0 0 0; text-align:center; font-weight:600; font-size: 24px}
 .step-1{ display:none}	
 .step-2{ display:block; text-align:center}
  body { padding: 56px 0 0 0;}
  .footer{ margin: 10px 0 0 0; padding: 20px 0 15px 0; height:auto; text-align:center;}
  .footer-qr{ float:inherit; margin:20px auto 0}
  .footer-qr li {display: inline-block; margin: -10px 10px 20px 10px;}
  
  .footer .wrap{width: 90%;}
  .load-more{margin: 0px 0 0 0; border-radius: 0; border-left: 0px; border-right: 0px;}
  .top-search{ padding: 10px 20px 20px 20px}
  .qr-wrap{ text-align: center}
	.home-services-item{margin: 20px 0}
  
  .wrap { width: 93%;}
  .qr-list .list li{ float:inherit; width:100%; text-align:center; padding:25px 0}
  .qr-list .list li img{ width:60%}
  .home-about .qr{position:static; width:100%; text-align:center; margin: 0;}
  .home-about .qr img{ width:38%}
  .home-about .text{ width:auto; margin: 20px 0}
 .home-about{ height:inherit}
 .home-about .link{ position:static; float:inherit; width:100%; height:140px; background-size: cover; margin:0; border-radius: 3px }
 .white-btn a{margin: 0 auto 15px; width:80%;}
 
 .top-search, .home-about, .qr-list{margin: 15px 0 0 0; border-radius: 0px; border-left: 0px; border-right: 0px;}
 
  .qr-list {
    padding-top: 0px;
  }
 .top-search .input{  margin: 0 0 10px 0; width:100% }
 .top-search .select{ margin: 0 0 10px 0; width:49.1%}
 .top-search .button{ float:inherit; position:initial; margin: 5px 0 0 0}
 .top-search .submit-btn { width:100%; height: 42px; line-height: 42px;}
 .top-search input[type="text"], .top-search select{ padding: 6px 10px; border: 0px solid #cecece; border-bottom:1px solid #e8e8e8; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 3px 5px -5px inset;}
.top-search .select select{ width:98%; margin:0 2% 0 0}
.top-search .input input {width: 92%; font-size:15px}
.ps-search .input{ width:100%}
.ps-search{padding: 2px 0 0 0; height: 41px;}


.list-top{ display:none}
.header .tel span {font-size: 20px;}


.flow-1{ display:none}
.flow-2{ display:block} 

.home-banner .phone{ display:none}
.header .logo { text-align:center; padding: 5px 0 0 0}
.header .logo img{ height: 45px }
.header .slogan{ margin: 17px 0 0 2px}
.header .slogan img{ height:25px; }
.header{ height: 55px}
.main h2{ margin:40px 0 25px 0; padding: 10px 0 25px 0; font-size: 26px} 
.home-services .intro { margin: 0 auto 60px;}
.footer-copy{ float:inherit;}
.footer-address{float:inherit; margin: 0 0 10px 0; text-align:left}
.main{ font-size: 16px; line-height: 30px; min-height:inherit}
.news-record{ position:relative; right:0; top: -5px; height:40px; text-align:center; font-size:15px} 

.hb-img{ background-size: cover; background-repeat:no-repeat;}
.sub-img{ background-size: cover;height:100px} 
.sub-banner{ margin: 60px 0 0 0}
.header{position: fixed; top: 0}
.home-banner{height: 100vw; padding: 0 10px}
.home-banner .wrap{ padding: 25vw 0 0 0;}
.home-banner .intro{ top: 16%; left: 20px;}
.home-banner .intro p{ width:100%; font-size: 16px; line-height: 30px}
.home-banner h2 { font-size:25px; line-height:32px; text-align: left; margin: 0 0 12px 0}
.home-banner p { font-size:15px; line-height:24px;  text-align: left; padding: 0; margin: 0 0 8px 0}
.main h3{ font-size: 29px; margin: 50px 0 30px 0 }
.home-banner .btn a{width: 126px; margin: 0 15px 0 0;}
	
.home-services .intro{font-size:15px; line-height:25px;  text-align: left; }
.home-services .content{padding: 0}
.home-services .text{font-size:15px;}

.main>.wrap{ width:100%}
.news-detail .content{ padding: 20px 0; }
.news-detail .title{ text-align:center; font-size:24px; line-height:32px; padding: 10px 0 10px 0}
.news-detail{margin: 15px auto 10px auto;}
.header .nav li a { color: #333; font-weight:500}
.mobile-hidden{ display:none}
.home-list li .news-date{ width:98%; text-align:left ;  padding: 2px 0 0 30px;}
.home-list .news-title{padding: 0 0 0 30px;}
.home-list  .ps-list li a{ display:block;  padding: 4px 0 16px 0; }
}