/*初始化类*/
html {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
}
html,
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}
body {
  line-height: 1.5;
  font-size: 0.8rem;
  color: #212121;
  background-color: #fff;
  outline: 0;
}
img {
    border: 0;
    vertical-align: middle;
}
html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/*适应小屏版块*/
@media only screen and (max-width: 400px){
    html {
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 400px) and (max-width: 428px) {
  html {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 428px) and (max-width: 480px){
  html {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 20px !important;
  }
}
ul,
li {
  list-style: none;
}
a {
  color: #777;
  text-decoration: none;
  background-color: transparent;
}
textarea {
  overflow: hidden;
  resize: none;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}


.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

/*表格*/
.pure-button {
    /* Structure */
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Inherit .pure-g styles */
.pure-button-group {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}

.opera-only :-o-prefocus,
.pure-button-group {
    word-spacing: -0.43em;
}

.pure-button-group .pure-button {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: rgba(0, 0, 0, 0.80);
    border: none rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
    -webkit-appearance: none;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
            box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    opacity: 0.40;
    cursor: not-allowed;
    -webkit-box-shadow: none;
            box-shadow: none;
    pointer-events: none;
}

.pure-button-hidden {
    display: none;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

/* Button Groups */
.pure-button-group .pure-button {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.pure-button-group .pure-button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.pure-button-group .pure-button:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: none;
}
/*按钮*/
/*!
Pure v2.0.3
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
            box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
            box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}


.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    /* Normalizes the height; padding is not sufficient. */
    height: 2.625em;
    border: 1px solid #ccc;
    background-color: white;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-message-inline {
    display: inline-block;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em;
}

/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
    z-index: 3;
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0;
}
.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-3-4 {
    width: 75%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}

/* Inline help for forms */
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

/* Block help for forms */
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}
/*表单*/

.c-contert{
	-webkit-overflow-scrolling: touch;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-5 {
	padding-top: 0.25rem !important;
}
.pt-10 {
	padding-top: 0.5rem !important;
}
.pt-15 {
	padding-top: 0.75rem !important;
}
.pt-20 {
	padding-top: 1rem !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-5 {
	padding-bottom: 0.25rem !important;
}
.pb-10 {
	padding-bottom: 0.5rem !important;
}
.pb-15 {
	padding-bottom: 0.75rem !important;
}
.pb-20 {
	padding-bottom: 1rem !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.pl-5 {
	padding-left: 0.25rem !important;
}
.pl-10 {
	padding-left: 0.5rem !important;
}
.pl-15 {
	padding-left: 0.75rem !important;
}
.pl-20 {
	padding-left: 1rem !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.pr-5 {
	padding-right: 0.25rem !important;
}
.pr-10 {
	padding-right: 0.5rem !important;
}
.pr-15 {
	padding-right: 0.75rem !important;
}
.pr-20 {
	padding-right: 1rem !important;
}
.mt-0 {
	margin-top: 0.25rem !important;
}
.mt-5 {
	margin-top: 0 !important;
}
.mt-10 {
	margin-top: 0.5rem !important;
}
.mt-15 {
	margin-top: 0.75rem !important;
}
.mt-20 {
	margin-top: 1rem !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-5 {
	margin-bottom: 0.25rem !important;
}
.mb-10 {
	margin-bottom: 0.5rem !important;
}
.mb-15 {
	margin-bottom: 0.75rem !important;
}
.mb-20 {
	margin-bottom: 1rem !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-5 {
	margin-left: 0.25rem !important;
}
.ml-10 {
	margin-left: 0.5rem !important;
}
.ml-15 {
	margin-left: 0.75rem !important;
}
.ml-20 {
	margin-left: 1rem !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-5 {
	margin-right: 0.25rem !important;
}
.mr-10 {
	margin-right: 0.5rem !important;
}
.mr-15 {
	margin-right: 0.75rem !important;
}
.mr-20 {
	margin-right: 1rem !important;
}

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
.l,.f-l{float:left!important;}
.r,.f-r{float:right!important;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.f-12{font-size:0.6rem!important}.f-14{font-size:0.7rem!important}.f-16{font-size:0.8rem!important}.f-18{font-size:0.9rem!important}.f-20{font-size:1rem!important}.f-24{font-size:1.2rem!important}.f-26{font-size:1.3rem!important}.f-28{font-size:1.4rem!important}.f-30{font-size:1.5rem!important}
.lh-16{line-height:0.8rem}.lh-18{line-height:0.9rem}.lh-20{line-height:1rem}.lh-22{line-height:1.2rem}.lh-24{line-height:1.2rem}.lh-26{line-height:1.3rem}.lh-28{line-height:1.4rem}.lh-30{line-height:1.5rem}
/*主要颜色*/
.c-primary,.c-primary a,a.c-primary{color:#06bdff}
.c-primary a:hover,a.c-primary:hover{ color:#fe6c39}
/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}
/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#6f6f6f}
.c-666 a:hover,a.c-666:hover{ color:#6f6f6f}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}


.max-box{max-width: 640px;}
.wp{margin-left: auto;margin-right: auto;}
.bg-fff{background-color: #fff;}
.tlogo{background-image: linear-gradient(to right, #174799, #1263e8);padding:0.75rem; }
.tlogo img{width: 75%;max-width: 384px;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:18%;  position:absolute; z-index:1; bottom:-2px; text-align:center;background: url(../img/bannerbg.png) no-repeat bottom center;background-size:100%;}
.focus .hd ul li{ display:inline-block; width:0.75rem; height:0.75rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 0.25rem; vertical-align:top; overflow:hidden;text-indent: -999px;}
.focus .hd ul .on{ background:#fff;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);/* 取消链接高亮 */}

.navbox li{float:left;width: 25%;text-align: center;display: inline-block;padding-bottom: 0.75rem;}
.navbox p{padding-top: 0.5rem;font-size:1rem;}
.navbox i{color:#fff;font-size:1.5rem;display: inline-block;width:3rem;height:3rem;line-height: 3rem;border-radius:50%;transform scale:(.5);transform-origin: 0% center;}
.t1{background-color:#ff7372}.t2{background-color:#0473ef}.t3{background-color:#f8a523}.t4{background-color:#b474c2}.t5{background-color:#88c627}.t6{background-color:#9587e6}.t7{background-color:#758bf7}.t8{background-color:#ff6615}



.left-tg{width: 40%;display:block;box-sizing: border-box;padding-top:2.1rem;padding-bottom: 2.1rem;}

.right-tg{width: 60%;box-sizing: border-box;border-left: 1px solid #ddd;}
.left-tg .tgico-yj{color:#75bcff;font-size: 3rem;line-height: 3rem;}
.right-tg .iconfont{font-size: 3rem;line-height: 3rem;width: 3rem;margin-right: 0.5rem;margin-left: 1rem;}
.right-tg .tgico-rt{color:#ff6615;}
.right-tg .tgico-rb{color:#0473ef;}
.rightgt-top{display: block;border-bottom: 1px solid #ddd;padding-top:1rem;padding-bottom: 1rem;}
.rightgt-bottom{display:block;padding-top:1rem;padding-bottom: 1rem;}


.pronav h1{font-weight:500;}
.pronav{border-bottom: 1px solid #ddd;padding:1.2rem 0.75rem;}
.pronav span{vertical-align:top;}

.item-proico .iconfont {
    display: inline-block;
    font-size: 1.5rem;
    color: #fff;
   width:3rem;height:3rem;line-height: 3rem;border-radius:50%;transform scale:(.5);transform-origin: 0% center;
}
.item-proico {width: 30%;}
.pro-name {width: 70%;}
.pro-name li{float: left;width: 50%;box-sizing: border-box;padding-right:0.5rem;position: relative;margin: 0.25rem 0;}
.pro-name li a{display:block;width: 100%;background-color: #fff;border-radius: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0.25rem;box-sizing: border-box;}
.label-box{display: inline-block;padding:0.24rem;color: #fff;white-space: nowrap;    vertical-align: middle;background-color: #dd514c;border-radius: 0.24rem; right:0.1rem;top:-0.5rem;font-size: 0.6rem;line-height: 1;}

.pro-one{background-color: #f0f7ff;}
.pro-one .item-proico .iconfont{background-color:#174799; }
.pro-one .pro-name li a{border:1px solid #174799;}
.pro-one .item-proico{color:#174799;}

.pro-two{background-color: #f0faf3;}
.pro-two .item-proico .iconfont{background-color:#5ccc81; }
.pro-two .pro-name li a{border:1px solid #5ccc81;}
.pro-two .item-proico{color:#5ccc81;}


.piccenter ul{padding: 0.35rem;}
.piccenter li{width: 50%;box-sizing: border-box;float: left;padding: .4rem;}
.picmore{display:block; background-color: #ececec;padding: 0.5rem;}

.picmore .iconfont{vertical-align:top;font-size: .9rem;}
.pictit li{float: left;}
.pictit li a{padding:0.3rem 0.4rem;border-radius: 1rem;}
.pictit li.on a{background-color: #174799;color: #fff;}



.newsmain ul{padding:0 .75rem .75rem;}
.newsmain li{border-bottom:1px solid #ececec;padding-bottom: 0.75rem;padding-top: 0.75rem;position: relative;}
.newsmain li img{border-radius: 0.2rem;}
.newsmain li:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.newsrt{width: 68%;}
.newsh2{font-weight:500;}
.newsimg{width: 32%;padding-right:0.75rem;}
.formbox{padding: .75rem;}
.formbox input,.formbox select{width: 100%;box-shadow:none!important;-webkit-box-shadow:none!important}
.submit-button{font-size: 115%}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #06bdff!important;
}
.botadd {padding: 0.75rem;}
.botadd .addimg{width: 40%;}
.botadd .addtxt{width: 60%;}
.botadd .addtxt h3{font-weight: 500;font-size: 1rem;}
.botadd .addtxt .iconfont{color:#898989;font-size:1.5rem;display: inline-block;width:2.8rem;height:2.7rem;line-height: 2.8rem;border-radius:50%;transform scale:(.5);transform-origin: 0% center;border: 1px solid #ddd;text-align: center;}


.c-contert{padding-bottom: 3.5rem;}
.barbox{width: 100%;max-width: 640px; position: fixed;bottom: 0;left: 50%;-webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);height: 3.5rem;z-index: 2;background-color: #f0f0f0;}
.barbox li{float: left;width: 25%;}
.barbox ul,.barbox li,.barbox li a{height: 100%;box-sizing: border-box;}
.barbox li a{display: block;padding-top: 0.5rem;}
.barbox li .iconfont{font-size: 1.5rem;line-height: 1.5rem;}
.barbox li.on{background-color: #174799;}
.barbox li.on a{color: #fff;}
.overflow{overflow-y: hidden;}

/*首页*/

.artlogo{height: 3.5rem;background-color:#174799;padding: 0.75rem;}
.artlogo img{height: 100%;}
.nav-nemu{right:0.75rem;line-height: 1;top: 1rem;}
.nemu-box{position: fixed;z-index: 5;max-width: 640px; height:100%;top: -100%;transition:top ease 0.35s;width: 100%;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);background-color:#174799;background: linear-gradient(180deg, #174799,#1556c3)}
@-webkit-keyframes fadeIn {0%{opacity: 0;}50% {opacity: 0.5;}100% {opacity: 1;}}
.nemu-box-show{top:3.5rem;;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: .4s; 
-webkit-animation-iteration-count: 1; 
-webkit-animation-delay: 0s;}
.nemu-box ul{padding:1rem 2rem;}
.nemu-box li{position: relative;}
.nemu-box li a{line-height: 3rem;}
.nemu-box li a:before{width: 100%;height: 1px;background-color: #fff;opacity: 0.2;position: absolute;left: 0;bottom: 0;content: '';}

.art-nav{padding:1rem 0.75rem;}
.art-nav h2,.art-nav-pic h2{font-weight: 500;}
.art-nav:before{height: 1px;background-color:#ddd;position: absolute;left:0.75rem;right:0.75rem;bottom: 0;content: '';}
.art-body{padding: 0.75rem;text-align: justify;line-height: 1.8}
.art-body p{margin-bottom: 0.75rem;}
.art-body img{width: 95%;}
.art-nav-pic h2{position: absolute;top: 50%;left: 0.75rem;transform:translate(0,-50%);}
.art-h2{line-height: 1.5;}
.art-page li{display: inline-block;margin: 0 1rem;}
.art-page li a{padding: 0.5rem 2rem;border-radius: 3rem;background-color:#174799;display: block;}

.tab-nav li{display: inline-block;}
.tab-nav{border-bottom: 1px solid #ddd;}
.tab-nav li a{display: block; padding: 0.75rem;}
.tab-nav li.on a{color: #174799;border-bottom: 2px solid #174799;margin-bottom: -1px;}

.photo-box ul{padding: 0.35rem;}
.photo-box li{float: left;width: 50%;padding:0.4rem;}
.photo-box li a{display: block;position: relative;}
.photo-box li .iconfont{position: absolute;text-align: center;font-size: 2.5rem;z-index: 3;left: 0;right: 0;top: 50%;line-height: 1;transform: translate(0,-50%);color: #fff}
.photo-box li img{border-radius: 0.2rem;}
.photo-box li p{font-size: 1rem;padding-top: 0.5rem;}
.photo-more{padding:0.4rem;}

.piccenter img,.photo-box img{width:100%;}

.zs-tel{padding: 0.75rem;}
.zs-tel p{margin-bottom: 0.5rem;}
.zs-tel .zs-btn{background-color:#da2d27;padding: 0.5rem;display: inline-block;color: #fff;}
.zs-fw{padding: 0.75rem;}
.zs-fw li{width: 33.3333333333%;float: left;border-right: 1px dashed #8ab0f1;border-bottom: 1px dashed #8ab0f1;border-top: 1px dashed #8ab0f1;padding: 0.5rem;text-align:justify;height:12rem;}
.zs-fw img{width: 100%}
.zs-fw li:first-child{border-left: 1px dashed #8ab0f1;}

.wu-box{padding: 0.75rem;}
.wu-box li{margin-bottom: 0.7rem;line-height: 1.8;}
.wu-box .sp{background-color: #174799;padding:0.2rem 0.4rem;line-height: 1;color: #fff;margin-right: 0.5rem;}
.si-box{padding: 0.75rem;}
.si-box li{position: relative;width: 50%;float: left;background-color: #f7f7f7;padding: 2.8rem 0.75rem 0.75rem 0.75rem; margin-top: 2.8rem;text-align:justify;min-height: 13rem;}
.si-box li h4{position:absolute;top: -2.5rem;display: inline-block;width:5rem;height:5rem;line-height: 5rem;border-radius:50%;transform scale:(.5);transform-origin: 0% center;background-color:#174799;left:50%;translate(-50%,0);-webkit-transform: translate(-50%,0);color: #fff;}
.si-box li:first-child{border-right: 2px solid #fff;}
.si-box li:last-child{border-left: 2px solid #fff;}
.er-box{padding: 0.75rem;}
.er-box li{width: 50%;float: left;padding-left: 0.75rem;}
.er-box ul{margin-left: -0.75rem;}
.zymain .sp{width: 50%;background-color:#dd514c;color: #fff;border-radius: 0;}
.zymain li img{width: 100%;}
.zymain h3{font-weight: 500;padding: 0.5rem 0}
.art-video{padding: 0.75rem;}
.art-video h2{font-size: 1rem;font-weight: 500}

.photofocus{width:100%;}
.photofocus img{width: 100%;}
.photofocus .hd{position: relative; padding: 0.75rem;background-color:#f0f0f0;}
.photofocus .hd ul{display: none;}
.photofocus .hd h2{font-size: 1rem;font-weight: 500}
.photofocus .pageState{position: absolute;right: 0.75rem;top: 0;font-family: Georgia, "Times New Roman", Times, serif;}
.photofocus .pageState span {color:#174799;font-size: 1.5rem;}










.gstext{font-weight: lighter;background-color:#174799;padding-bottom: .8rem;padding-top: .8rem; }
.sg-tbbox{width: 100%;}
.scrollbox{overflow: hidden;height: 5rem;}

.bmHot{background-color: #e60012;padding:.6rem;height: auto;}
.TextL{width: 25%;}
.picR{width: 75%;border-radius: 0.3rem;overflow: hidden;}
.picR li div{height: 12.8rem;}
/*首页公示*/

.item-bgbox{display: none;background:rgba(0, 0, 0, 0.4);height: 100%;width: 100%;position: fixed;z-index:1000;top:0;left: 0;}
.item-tc{display: none;z-index:9999;position: fixed;top: 0;width: 100%;height:100%;left:0;text-align: center;
	}
.item-tcimg{border-radius: 8px 8px 0 0;overflow: hidden;}
.item-boxmg{display:block;width: 70%;max-width: 448px;vertical-align:middle;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.item-tc-close{position: absolute;right: -1.5rem;top: -1.5rem;width: 2rem;height: 2rem;font-size: 1rem!important;background-color: #fff;line-height: 2rem;border-radius:50%;transform scale:(.5);transform-origin: 0% center;border: 2px solid #666;font-weight: bold;color: #666}
.item-tcbt{background: #fff;display: block;text-align: center;padding: 10px;border-radius:0 0 8px 8px;margin-top: -2px;}


@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*弹窗*/

/* 顶部电话CSS */
.top-tel {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
   visibility: hidden;
    left: 50%;
    transform: translate(-50%,0);
    max-width: 640px;
}
.top-tel img {
    width: 100%;
}

.tel-show{visibility: visible;;-webkit-animation: hideIndex 0.35s;animation: hideIndex 0.35s;}
@-webkit-keyframes hideIndex{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
@keyframes hideIndex{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}