@font-face {
	font-family: Muli;
	font-weight: 400;
	font-style: normal;
}
.form-label {
	font-weight: 400;
}
.label {
	font-weight: 400;
}
[id*=xunlei_com_thunder] {
	display: none;
}
body > a > img {
	display: none;
}
.readable {
	text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;
}
.readable-font {
	text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;
}
body {
	text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;
}

a {
	transition:color 218ms cubic-bezier(0.42, 0, 0.58, 1); color: rgb(38, 38, 38); cursor: pointer; -webkit-transition: color 218ms cubic-bezier(.42, 0, .58, 1); -o-transition: color 218ms cubic-bezier(.42, 0, .58, 1);outline:none;
}
a:focus {
	color:#0070cc; text-decoration: none;outline:none;
}
a:hover {
	color:#0070cc; text-decoration: none;outline:none;
}
a.block {
	display: block;
}
a.white {
	transition:text-shadow 218ms; color: rgb(255, 255, 255); -webkit-transition: text-shadow 218ms; -o-transition: text-shadow 218ms;
}
a.white:hover {
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5), 0px 0px 3px rgba(255,255,255,0.7); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(255, 255, 255, .7);
}
a.underline {
	padding: 0px 7px; vertical-align: bottom; display: inline-block; position: relative; z-index: 1;
}
a.underline::before {
	transition:0.2s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; transform: translateY(95%); background-color: rgba(52, 73, 94, 0.4); -webkit-transform: translateY(95%); -webkit-transition: all .2s; -o-transition: all .2s; -moz-transform: translateY(95%); -o-transform: translateY(95%);
}
a.underline.hover::before {
	border-radius: 2px; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
a.underline:hover::before {
	border-radius: 2px; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
a.blue-reverse {
	color: rgb(71, 196, 253);
}
a.blue-reverse:hover {
	color: rgb(30, 183, 252);
}
a.red {
	transition:none; color: rgb(229, 28, 35); -webkit-transition: none; -o-transition: none;
}
a.red:hover {
	color: rgb(208, 24, 30);
}
a.gray {
	color: rgb(166, 166, 166);
}
a.gray-dark {
	color: grey;
}
a.gray-dark:hover {
	color: rgb(2, 134, 194) !important;
}
a.gray:hover {
	color: rgb(2, 134, 194) !important;
}
a:focus {
	/*outline: dotted thin; outline-offset: -2px;*/
}
[class*=hover-] {
	transition:218ms cubic-bezier(0.42, 0, 0.58, 1) !important; -webkit-transition: all 218ms cubic-bezier(.42, 0, .58, 1); -o-transition: all 218ms cubic-bezier(.42, 0, .58, 1);
}
.hover-blue:hover {
	color: #9a14a1 !important;
}
.hover-opacity:hover {
	opacity: 0.85;
}
.hover-opacity:hover .ripple {
	background: rgb(255, 255, 255) !important;
}
.hover-shadow:hover {
	box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18), 0px 4px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.dropdown-menu {
	-webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, .1); -moz-box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
}
.site-header .navbar-button > li .dropdown-menu {
	
	-webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, .1); -moz-box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
}
.btn {
	padding: 8px 24px; transition:280ms cubic-bezier(0.4, 0, 0.2, 1); position: relative; -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
}
.btn.btn-link:focus {
	outline: 0px !important; text-decoration: none;
}
.btn.btn-link:hover {
	outline: 0px !important; text-decoration: none;
}
.btn:focus {
	outline: 0px !important; text-decoration: none;
}
.btn.btn-raised {
	box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18), 0px 4px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.btn.btn-raised:hover {
	box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19); -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}
.btn.btn-default {
	border-color: rgb(194, 194, 194); color: rgb(77, 77, 77);
}
.btn.btn-default:hover {
	background-color: rgb(237, 237, 237);
}
.btn.btn-sm {
	padding: 4px 12px; line-height: 20px; font-size: 14px;
}
.btn.btn-lg {
	padding: 14px 26px; font-size: 18px;
}
.btn.without-shadow {
	box-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.dropdown-menu .btn:hover {
	box-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.handler-wrap .btn {
	min-width: 100px;
}
.modal-footer .btn {
	min-width: 100px;
}
.btn-group .btn + .btn {
	margin-left: 0px;
}
.btn-group .btn + .btn-group {
	margin-left: 0px;
}
.btn-group .btn-group + .btn {
	margin-left: 0px;
}
.btn-group .btn-group + .btn-group {
	margin-left: 0px;
}
.btn-group.open > :first-child:not(.dropdown-toggle).btn-primary {
	border-right-color: transparent;
}
.btn-group.open .dropdown-toggle {
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.125); -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .125); -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .125);
}
.btn-group > :first-child:not(.dropdown-toggle).btn-primary {
	border-right-color: rgb(3, 159, 229); border-right-width: 1px; border-right-style: solid;
}
.form-group {
	line-height: 30px; margin-bottom: 30px;
}
.form-group.pair-form {
	padding: 0px;
}
.validate-error {
	border-color: rgb(229, 28, 35) !important;
}
.form-control {
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.form-control:focus {
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.form-label {
	padding: 10px 0px; text-align: left; color: grey; font-size: 18px;
}
.form-label.second-label {
	padding-left: 70px;
}
.form-input {
	color: rgb(153, 153, 153);
}
.full-input {
	padding: 8px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); transition:border 218ms; border-image: none; width: 100%; height: 48px; -webkit-transition: border 218ms; -o-transition: border 218ms;
}
.full-input:focus {
	border: 1px solid rgb(166, 166, 166); border-image: none;
}
.form-input textarea {
	height: 180px; resize: none;
}
.form-input input {
	padding: 8px; outline: 0px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
.form-input textarea {
	padding: 8px; outline: 0px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
select {
	/*padding: 10px;*/ outline: 0px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); border-image: none; width: 100%; height: 48px; background-color: rgb(255, 255, 255);
}
[contenteditable]:focus {
	outline: transparent solid 0px;
}
ul {
	list-style: none; padding-left: 0px;
}
.list-group-item {
	border-width: 1px 0px; padding: 16px 4px;
}
@media all and (min-width:801px)
{
.hover-brackets {
	display: inline-block; position: relative;
}
.hover-brackets::after {
	transition:opacity 218ms, transform 0.3s; top: -0.1em; position: absolute; opacity: 0; -webkit-transition: opacity 218ms, -webkit-transform .3s;
}
.hover-brackets::before {
	transition:opacity 218ms, transform 0.3s; top: -0.1em; position: absolute; opacity: 0; -webkit-transition: opacity 218ms, -webkit-transform .3s;
}
.hover-brackets::before {
	left: -0.8em; content: "["; transform: translate(1em, 0px); -webkit-transform: translate(1em, 0); -o-transform: translate(1em, 0);
}
.hover-brackets::after {
	right: -0.8em; content: "]"; transform: translate(-1em, 0px); -webkit-transform: translate(-1em, 0); -o-transform: translate(-1em, 0);
}
.hover-brackets:hover::after {
	opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.hover-brackets:hover::before {
	opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
}
.readable {
	font: 200 18px/1.5 "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed; color: rgba(0, 0, 0, 0.8); font-size-adjust: none; font-stretch: normal; -ms-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
.readable-font {
	font: 200 18px/1.5 "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed; color: rgba(0, 0, 0, 0.8); font-size-adjust: none; font-stretch: normal; -ms-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
.readable blockquote {
	margin-bottom: 1em;
}
.readable li {
	margin-bottom: 1em;
}
.readable ol {
	margin-bottom: 1em;
}
.readable p {
	margin-bottom: 1em;
}
.readable pre {
	margin-bottom: 1em;
}
.readable table {
	margin-bottom: 1em;
}
.readable ul {
	margin-bottom: 1em;
}
.readable p {
	line-height: 2;
}
.readable em {
	margin: 0px 0.23em; font-style: normal;
}
.readable i {
	margin: 0px 0.23em; font-style: normal;
}
.readable h1 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h2 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h3 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h4 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h5 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h6 {
	line-height: 2; font-family: "Lucida Grande","Luxi Sans",Arial,"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed; font-weight: 500; margin-top: 1.23em; margin-bottom: 0.23em;
}
.readable h1 {
	font-size: 30px; margin-top: 1em;
}
.readable h2 {
	font-size: 30px; margin-top: 1em;
}
.readable h3 {
	font-size: 24px;
}
.readable h4 {
	font-size: 24px;
}
.readable h5 {
	font-size: 24px;
}
.readable h6 {
	font-size: 24px;
}
.readable ul {
	list-style: circle;
}
.readable ol {
	list-style: decimal;
}
.readable ol {
	margin-left: 2em; list-style-position: outside;
}
.readable ul {
	margin-left: 2em; list-style-position: outside;
}
.readable img {
	margin: 0px auto; display: block; max-width: 700px;
}
.readable img + span {
	text-align: center; font-size: 16px; margin-top: 10px; display: block;
}
.readable .table th {
	white-space: nowrap;
}
.readable a.reg {
	margin: 0px auto; width: 290px; display: block;
}
@media all and (max-width:480px)
{
.readable a.reg {
	width: 270px;
}
}
.readable blockquote {
	margin: 0px 0px 1em; padding: 0px 0px 0px 0.75em; border-left-color: rgb(217, 217, 217); border-left-width: 3px; border-left-style: solid;
}
.readable pre {
	background: rgb(245, 245, 245); padding: 0.8em 1.2em !important; border: currentColor; border-image: none; color: rgba(0, 0, 0, 0.7); font-size: 16px;
}
.no-gutter {
	padding-left: 0px;
}
.no-gutter-left {
	padding-left: 0px;
}
.no-gutter {
	padding-right: 0px;
}
.no-gutter-right {
	padding-right: 0px;
}
.readable pre + h1 {
	margin-top: 0px;
}
.readable pre + h2 {
	margin-top: 0px;
}
.readable pre + h3 {
	margin-top: 0px;
}
.readable pre + h4 {
	margin-top: 0px;
}
.readable pre + h5 {
	margin-top: 0px;
}
.readable pre + h6 {
	margin-top: 0px;
}
.readable code {
	margin: 0px 0.23em; font-family: Consolas,"Liberation Mono","BitStream Vera Sans Mono",Courier,monospace;
}
.readable hr {
	margin: 30px auto; height: 1px; background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
:not(:last-child).group {
	margin-bottom: 16px;
}
.is-hidden {
	display: none !important; visibility: hidden !important;
}
.is-show {
	display: block !important; visibility: visible !important;
}
.is-opacity {
	opacity: 0;
}
.animated {
	animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both;
}
.animated.slideDown {
	animation-name: slideDown; -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown;
}
.animated.slideUp {
	animation-name: slideUp; -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp;
}

@media all and (min-width:801px){
.site-header {
	transition:0.35s ease-in-out; top: 0px; width: 100%; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 103; min-height: 92px; opacity: 0.9; box-shadow: 0px 2px 20px rgba(0,0,0,0.16); background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .16); -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, .16); -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;
}
}
.site-main {
	margin-right: auto; margin-left: auto; max-width: 1200px;
    padding: 10px 0px 20px;
    background-repeat: no-repeat;

}
.topdesign {
height:97px;
}
.toptop{
height:110px;
}
.toptopindex{
height:26px;
}
.topline {
background:#000000; height:26px; width:100%;
}
.topleft{
width:300px;
float:left;
color:#FFFFFF;
font-size:12px;
line-height:26px;
}
.topright {
width:auto;
float:right;
text-align:right;
color:#FFFFFF;
font-size:12px;
line-height:26px;
}
.topright a {
 color:#FFFFFF;
 padding-left:3px;
 padding-right:3px;
}

.jf {
	margin-bottom:10px;
	color:#114889;
	border-top:1px solid #CCE9F7;
	border-left:1px solid #CCE9F7;
}
.jf td {
	padding:10px;
	text-align:center;
	border-right:1px solid #CCE9F7;
	border-bottom:1px solid #CCE9F7;
}
.jf_st {
	font-weight:bold;
	background:#F8FCFE;
	height:30px;
	text-align:center;
}

.jflink {
    display: block;
    width: 154px;
    height: 41px;
    margin: 5px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
	float:left;
	margin-right:20px;
}
.jfimg {
margin-left:10px; margin-top:10px; 
}
.jftitle {
font-size: 20px;
color: #1478cd; 
padding: 5px 0;
font-weight:bold;
}

.proic {
	width:100%;
	height:330px;
	border:#CCCCCC 1px solid;
	margin-bottom:20px;
}
.proic .zytitle {
text-align:center;
font-size:16px;
height:40px;
line-height:40px;
color:#0070cc;
border-bottom:#3ca5ff 1px dashed;
background:#e5f3ff;
overflow:hidden;
}

.proic .zycontent {
text-align:left;
padding-left:30px;
font-size:14px;
color:#333333;
height:80px;
overflow:hidden;
}

.proic .zyprice {
text-align:left;
padding-left:30px;
font-size:14px;
color:#333333;
}

.proic .zyprice b {
    display: inline-block;
    color: #ff7800;
    font-size: 22px;
    line-height: 35px;
}
.proic .zyimg {
  max-width:100%;
  text-align:center;
  padding:5px 0;
}

.proic .zyimg img {
   max-width:210px;
   max-height:60px;
}

.proic .zylink {
    display: block;
    width: 154px;
    height: 41px;
    margin: 5px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}

.jfjs_t {
	padding:10px;
	color:#114889;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #CCE9F7;
	background:#F8FCFE;
}
.zlink {
    display: block;
    width: 80%;;
    height: 40px;
    margin: 5px auto;
    line-height: 40px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}
.jfjs_show {
	margin-bottom:10px;
	padding:10px;
	line-height:23px;
}

#jfshow_t {
	margin-bottom:10px;
	color:#114889;
}
#jfshow_j {
	padding:15px;
	line-height:20px;
	background:#F5FDFF;
}
#jfshow_c {
	padding:10px;
	line-height:20px;
	border:1px solid #CCE9F7;
}
.jfshow {
	color:#114889;
	border-top:1px solid #CCE9F7;
}
.jfshow td {
	padding:10px 0;
	text-align:center;
	border-right:1px solid #CCE9F7;
	border-bottom:1px solid #CCE9F7;
}

.jigui {
width:100%;
}
.jigui td {
height:30px;
}
.jigui th {
height:40px;
text-align:center;
line-height:40px;
}
.jigui td {
height:40px;
text-align:center;
line-height:40px;
}
.jigui .th1 {
height:40px;
text-align:center;
line-height:40px;
}


.jfjs_t {
	padding:10px;
	color:#114889;
	font-weight:bold;
	border:1px solid #CCE9F7;
	border-bottom:none;
	background:#F8FCFE;
}
.jfjs_show {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #CCE9F7;
	line-height:23px;
}

.jfjs_show li{
list-style:none;
}

.scale:hover .scale-img{
-ms-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
}
.imgtrans {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}


#shop-roll {
	width: 66px; height: 202px; right: 15px; bottom: 0px; display: block; position: fixed; z-index: 9999; _display: none;
}
#shop-roll ul li {
	background: url("../images/rollwechat.png") no-repeat; width: 66px; height: 66px; 
/*	text-indent: -9999px;*/
}
#shop-roll ul li:hover {
	opacity: 0.9; -moz-opacity: 0.9; cursor:pointer;
}
#shop-roll ul #roll-menu-d {
	background-position: 0px -134px; margin-top: 2px; position: relative;
}
#shop-roll ul #roll-menu-e {
	background-position: 0px -66px; margin-top: 2px; position: relative;
}
#shop-roll ul #roll-menu-e:hover > ul {
	display: block;
}
#shop-roll ul li a {
	width: 146px; height: 31px; float: left; display: block;
}
#shop-roll ul #roll-menu-e ul img {
	left: -285px; top: -226px; width: 274px; height: 361px; position: absolute;
}
#shop-roll ul #roll-menu-e ul {
	display: none;
}

#shop-roll ul #roll-menu-q {
	background-position: 0px 0px; margin-top: 0px; position: relative;
}

#shop-roll ul #roll-menu-q:hover > div {
	display: block;
}

#shop-roll ul li .onlineqqstyle
{	
    position: absolute;	
	display: none;
	left: -238px; 
	top: -97px;
	background: url(../images/qqbg.png) no-repeat;
	color:#000000;
	width:238px;
	height:298px;
	padding-top:20px;
	font-size:14px;
	}

#shop-roll ul li .onlineqqstyle p {
	float:left;
	padding-left:10px;
	height:28px;
	color:#000000;
	font-size:14px;
	line-height:28px;
	width:220px;
	margin:0;
}

#shop-roll ul li .onlineqqstyle p img {
	float:left;
	padding-right:10px;
}

#shop-roll ul li .onlineqqstyle p a,.onlineqqstyle p a:link,.onlineqqstyle p a:visited
	{		
		color:#666666;
		font-size:14px;
		width:auto;
		height:28px;
	    line-height:28px;
		text-decoration: none;
		}

#shop-roll ul li .onlineqqstyle p a:hover
{
		color:#000000;
		width:auto;
		font-size:14px;
		height:28px;
	    line-height:28px;
		text-decoration: none;
}

#designlist table {
	margin-bottom:20px;
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
}
#designlist table td {
	padding:5px 10px;
	line-height:18px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.designlist_t {
	font-size:14px;
	color:#1E476A;
	font-weight:bold;
	background:#EEF4FB;
}

.mainwidth{
	width:100%;
	margin:0px auto;
}
.case_top{
	font-size:15px;
	color:#cccccc;
	margin:0;
}
.case_top a{
	color:#000000;
	padding:0 10px 0 10px;
}
.case_top a:hover{
	color:#f19824;
}
.case_top a.curr{
	color:#f19824;
}
.caselist {
margin-bottom:20px;
}
.caselist img {
border:#CCCCCC 1px solid;
}
.case_show{
	padding:15px;
}
.case_show_left{
	width:300px;
	height:158px;
	border:#eaeaea solid 1px;
	float:left;
}
.case_show_left img{
	width:300px;
	height:158px;
}
.case_show_right{
	width:100%;
	float:left;
}
.case_show_right .case_name{
	height:18px;
	line-height:18px;
	color:#3f3f3f;
	font-size:16px;
	font-weight:bold;
/*	background:url(../images/case_naem.gif) 0 0 no-repeat;	
*/}
.case_show_right .case_info{
	line-height:20px;
	padding-top:10px;
}
.case_other{
	background:#efefef;
	padding:8px;
}
.case_bg {
background:#f2f2f2;
width:100%;
}
.case_content{
	padding-top:15px;
	padding-bottom:15px;
	line-height:20px;
	text-align:center;
}

.case_content img {
    -webkit-box-shadow: 0 0 20px #cccccc;
    -moz-box-shadow: 0 0 20px #cccccc;
    box-shadow: 0px 0px 20px #cccccc;
	max-width:100%;
}


.site-header .container {
	padding: 0px 20px; 
}
.site-header .navbar {
	border: currentColor; border-image: none; height: 68px; margin-bottom: 0px;
}
.site-header .navbar-collapse {
	padding-right: 0px; -ms-overflow-x: hidden;
}
.site-header .navbar-brand {
	margin: 0px 0px; padding: 0px; width: 226px; text-indent: -9999px; background-image: url("../images/logo.png"); background-repeat: no-repeat; border:0px;
}
.site-header .navbar-nav {
	margin: 20px 0px; float: right;
}
.site-header .navbar-nav > li > a {
	padding: 7px 4px; border-radius: 3px; color: rgb(56, 56, 56); font-size: 16px; margin-right: 20px; padding-top:50%; padding-right:4px;
}
.site-header .navbar-nav > li > a:focus {
	color:#0070cc; background-color: transparent;
}
.site-header .navbar-nav > li > a:hover {
	color:#0070cc; background-color: transparent;
}
.site-header .navbar-nav > li.active > a {
	color:#0070cc;
}
.site-header .navbar-button {
	margin: 0px; text-align: right; float: right; display: inline-block;
}
.site-header .navbar-button > li {
	margin: 0px; padding: 0px; vertical-align: top;
}
.site-header .navbar-button > li a.user {
	padding: 9px; border: 1px solid transparent; border-image: none; color: rgb(255, 255, 255); font-size: 16px; text-decoration: none; cursor: pointer;
}
.site-header .navbar-button > li a.user:hover {
	color:#0070cc;
}
.site-header .navbar-button > li a.btn {
	margin: 22px 0px 22px 10px;
}
.site-header .navbar-button > li .dropdown-menu {
	margin: 0px; padding: 0px; border-radius: 0px 0px 3px 3px; border: currentColor; border-image: none; left: 0px; top: 56px; width: auto; text-align: left; -ms-overflow-y: auto; box-shadow: 0px 7px 21px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.site-header .navbar-button > li .dropdown-menu a {
	color: rgb(110, 110, 110); line-height: 20px; padding-top:10px; padding-left:20px; padding-right:20px;
}
.site-header .navbar-button > li .dropdown-menu a:hover {
	color:#0070cc; line-height: 20px; padding-top:10px; padding-left:20px; padding-right:20px; text-decoration:none;
}
.site-header .navbar-button > li > a.user {
	transition:218ms; color: rgb(56, 56, 56); display: block; position: relative; -webkit-transition: all 218ms; -o-transition: all 218ms;
}
.site-header .navbar-button > li > a.user .avatar {
	background-position: center; left: -26px; top: 8px; width: 24px; height: 24px; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.site-header .navbar-button > li > a.user .user-name {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.site-header .navbar-button > li > a.login {
	border: 1px solid rgb(110, 110, 110); border-image: none; color: rgb(110, 110, 110); min-width: 70px; background-color: transparent;
}
.site-header .navbar-button > li > a.login:hover {
	color: rgb(255, 255, 255); background-color: rgb(110, 110, 110);
}
.site-header .navbar-button > li > a.signup {
	border: 1px solid #9a14a1; border-image: none; color:#0070cc; min-width: 70px; background-color: transparent;
}
.site-header .navbar-button > li > a.signup:hover {
	color: rgb(255, 255, 255); background-color: rgb(30, 183, 252);
}
.site-header .info-wrap {
	margin: 16px 0px 16px 35px !important;
}
.site-header .switch-locale {
	margin: 12px 0px; 
	padding: 11px 15px; border-radius: 3px 3px 0px 0px; 
/*	width: 90px; 
*/	text-align: center; display: inline-block; position: relative;
}
.site-header .switch-locale .dropdown-toggle {
	color: rgb(56, 56, 56); font-size: 16px;
}
.site-header .switch-locale .topmenuon {
	color:#0070cc;
}
.site-header .switch-locale .dropdown-toggle:hover {
	color:#0070cc;
}
.site-header .switch-locale.open .dropdown-toggle {
	color:#0070cc;
}
.site-header .switch-locale .dropdown-togglea {
	color: rgb(56, 56, 56); font-size: 16px;
}
.site-header .switch-locale .topmenuon {
	color:#0070cc;
}
.site-header .switch-locale .dropdown-togglea:hover {
	color:#0070cc;
}
.site-header .switch-locale.open .dropdown-togglea {
	color:#0070cc;
}
.site-header .switch-locale .dropdown-toggle::after {
	/*top: -2px; font-size: 12px; margin-left: 3px; vertical-align: middle; display: inline-block; position: relative; content: "\25bc"; transform: scale(0.8); -webkit-transform: scale(.8); -o-transform: scale(.8);*/
}
.site-header .switch-locale > ul {
	padding: 0px 0px 40px; border-radius: 2px; font-size: 16px; -ms-overflow-x: hidden; min-width: 90px; box-shadow: 0px 2px 2px rgba(0,0,0,0.2) !important; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.site-header .switch-locale > ul > li > a {
	padding: 8px 15px; top: 2px;
}
.site-header .switch-locale.open {
	font-size: 14px; background-color: rgba(255, 255, 255, 0.2);
}
.site-header .logout {
	display: none;
}
.footline{
height:50px;
}
.site-footer {
	color: #404040; background-color: #000000; width:100%;
}

.site-footer .footleft {
   width:100%;
   font-size:13px;
   line-height:26px;
   color:#9a9a9a;
}

.site-footer .footleft a {
   color:#9a9a9a;
}

.site-footer .footcenter {
   width:100%;
   text-align:center;
   font-size:13px;
   line-height:26px;
   color:#d2d2d2;
}

.site-footer .foottitle {
  font-size:16px;
  font-weight:bold;
  line-height:30px;
  margin-top:5px;
  margin-bottom:5px;
}

.site-footer .copyright {
	min-height: 30px; text-align:center; color:#d4d4d4; line-height:30px;
}

.copyandlang{
color:#383838;
}
.copyandlang a {
color:#7f7f7f;
}

.banner_container {
	width:100%;
	position:relative;
}
.banner_container .mask {
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	background:#22252c;
	opacity:.6;
}
.banner_container .video {
	width:100%;
	height:auto;
}
.banner_container .video video {
	width:100%;
	height:auto;
}
.banner_container .txt {
	position:absolute;
	top:50%;
	left:0;
	z-index:10;
	margin-top:-44px;
	width:100%;
	text-align:center
}
.banner_container .txt p {
	line-height:36px;
	font-size:24px;
	color:#fff;
	letter-spacing:5px
}
.banner_container .txt h2 {
	margin-bottom:10px;
	line-height:60px;
	font-size:48px;
	color:#fff;
	font-weight:bold;
	letter-spacing:12px
}

/* story-list2 */
.story-list2 .item {
  position: relative;
  margin-bottom: 20px;
}
.story-list2 .picbox {
  padding-bottom: 32%;
  width: 50%;
  height: 0;
  overflow: hidden;
}

.story-list2 .picbox:hover img {
  transform: scale(1.04, 1.04);
}
.story-list2 .picbox img {
  display: block;
  width: 100%;
  transition: transform 1.2s ease-in;
}
.story-list2 .infobox {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #fff;
}
.story-list2 .infobox .desc{
  color:#888;
}
.story-list2 .infobox .desc p{
    margin-bottom: 0.8em;
}
.story-list2 .item:nth-child(odd) .picbox,
.story-list2 .item:nth-child(even) .infobox {
  margin-left: 50%;
}
.story-list2 .infobox .title {
  position: relative;
  font-size: 1.75em;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.story-list2 .infobox .diff {
  margin: 1.25em auto 1.875em;
  width: 2.5em;
  height: 0.5em;
  background: #001886;
}
.story-list2 .infobox .desc{ font-size: 1.12em; line-height:200%;}

@media (min-width: 1700px){
  .story-list2 .infobox {
    padding: 6em;
  }
}


@media (max-width: 769px){
.story-list2 .item:nth-child(odd) .picbox,
  .story-list2 .item:nth-child(even) .infobox {
    margin-left: 0;
  }
  .story-list2 .picbox {
    width: 100%;
    padding-bottom: 60%;
  }
  .story-list2 .infobox {
    position: static;
    width: 100%;
    padding: 1em;
  }
  .story-list2 .infobox .title {
    text-align: left;
    font-size: 1.5em;
  }

  .story-list2 .infobox .diff {
    margin-left: 0;
    width: 20px;
    height: 4px;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .dobest .desc {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width:1199px){
  .story-list2 .infobox {
    padding: 0.5em 1em;
  }
  .story-list2 .infobox .title {
	  margin-top:0px;
	  margin-bottom:0px;
  }
  .story-list2 .infobox .desc
  {
	  font-size:1.1em;
	  line-height:130%;	  
  }
  .story-list2 .infobox .diff
  {
	  margin:1em auto 1em; 
  }
}
@media (min-width: 1200px){
  .story-list2 .infobox {
    padding: 1.5em 3em;
  }
  .story-list2 .infobox .title {
	  margin-top:0px;
	  margin-bottom:0px;
  }
  .story-list2 .infobox .desc
  {
	  font-size:1.2em;
	  line-height:130%;	  
  }
}
@media (min-width: 1366px){
  .story-list2 .infobox {
    padding: 3.5em 3em;
  }
  .story-list2 .infobox .desc{ font-size: 1.12em; line-height:200%;}
}
@media (min-width: 1700px){
  .story-list2 .infobox {
    padding: 6em;
  }
}

.boxgrid{ 
width: 100%; 
height: 100%; 
margin:0px; 
/*float:left; */
overflow: hidden; 
position: relative; 
}

.boxgrid p{
padding: 10px 10px;
color:#ffffff;
font-size:13px;
text-align:left;
}
				
.boxcaption{ 
 float: left; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 z-index: 50;	
}
 			
.captionfull .boxcaption {
top: 100%;
left: 0px;
}

.casetxt {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	margin-top:-55px;
    text-align: center;
    color: #fff;
	width:100%;
}

.casetxt h3 {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
}
.casetxt p {
    font-size: 16px;
    color: #fff;
}
.casetxt span {
	margin:auto;
	padding:6px 12px;
	border:#FFF 1px solid;
	border-radius:8px;
}
.casetxt .category {
text-align:center;
}

.aboutbg {
background-image:url(../images/about.jpg); 
background-position: 50% 50%;
height:370px;
}
.aboutbg .dline1 {
margin:auto;
width:100%;
text-align:center;
padding-top:130px;
font-size:38px; 
color:#FFFFFF;
padding-bottom:15px;
}
.contactbg {
background-image:url(../images/contact.jpg); 
background-position: 50% 50%;
height:370px;
}
.contactbg .dline1 {
margin:auto;
width:100%;
text-align:center;
padding-top:130px;
font-size:38px; 
color:#FFFFFF;
padding-bottom:15px;
}

.contactlx {
width:100%;
margin-top:23px;
text-align:left;
}

.contactlx h2.lxtitle {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:33px;
line-height:33px;
background:url(../images/zj.png) no-repeat;
}

.contactlx h2.lxtitle2 {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:33px;
line-height:33px;
background:url(../images/dt.png) no-repeat;
}

.contactlx h2.lxtitle3 {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:33px;
line-height:33px;
background:url(../images/gj.png) no-repeat;
}
.contactlx .lxcontent {
text-align:left;
padding-left:40px;
font-size:14px;
line-height:28px;
color:#333333;
}

.designbg {
background-image:url(../images/designbg.jpg); 
background-position: 50% 50%;
height:560px;
}

.designbg .dline1 {
margin:auto;
width:560px;
text-align:center;
letter-spacing:12px;
padding-top:230px;
font-size:58px; 
color:#FFFFFF;
padding-bottom:15px;
border-bottom:#FFFFFF 1px solid;
}
.designbg .dline2 {
margin:auto;
width:450px;
text-align:center;
letter-spacing:6px;
padding-top:10px;
font-size:26px; 
color:#FFFFFF;
}

.design5 {
text-align:center; 
line-height:35px;
}

.design5 img {
margin:auto;
}

.designbg5bg {
background-image:url(/webdesign/images/b2c/banner.jpg); 
background-position: 50% 50%;
height:507px;
}

.designbg5bg .dline1 {
margin:auto;
width:720px;
text-align:center;
letter-spacing:12px;
padding-top:230px;
font-size:38px; 
color:#FFFFFF;
padding-bottom:15px;
}

.design1jg {
font-size:20px;
font-weight:bold;
line-height:50px;
font-style:italic;
}
.design1jg b {
font-size:26px;
color:#f74439;
padding-right:5px;
}

.iprolink:hover {
color:#FFFFFF;
}
.design1lm {
width:100%;
margin-top:23px;
text-align:left;
}

.design1lm h2.lmtitle {
text-align:left;
padding-left:70px;
font-size:24px;
color:#333333;
height:30px;
line-height:30px;
margin-top:40px;
}

.design1lm .lmcontent {
text-align:left;
padding-left:70px;
padding-right:30px;
font-size:14px;
line-height:28px;
color:#333333;
min-height:84px;
}

.designtitle {
color:#0b98de;
font-size:30px;
}
.designlink {
    display: block;
    width: 200px;
    color: rgb(10, 177, 252);
    background: #ffffff;
    text-align: center;
    font-size: 16px;
	border-color: rgb(10, 177, 252);
	margin-top:10px;
}
.designlink:hover {
    border-color: rgb(10, 177, 252);
    color: rgb(255, 255, 255);
    background-color: rgb(10, 177, 252);
}

.linebg {
width:100%;
height:33px;
padding-top:30px;
padding-bottom:30px;
background:url(/webdesign/images/linebg.png) center center no-repeat;
}

.yxtontent {
line-height:26px;
height:160px;
}
.design5lm {
width:100%;
margin-top:23px;
text-align:left;
}
.design5lm h2.lmtitle {
text-align:left;
padding-left:180px;
font-size:24px;
color:#333333;
height:30px;
line-height:30px;
margin-top:40px;
}

.design5lm .lmcontent {
text-align:left;
padding-left:180px;
padding-right:30px;
font-size:14px;
line-height:28px;
color:#333333;
}
.ysbg1 {
background:url(/webdesign/images/yx/y1.png) no-repeat;
}
.ysbg2 {
background:url(/webdesign/images/yx/y2.png) no-repeat;
}
.ysbg3 {
background:url(/webdesign/images/yx/y3.png) no-repeat;
}
.ysbg4 {
background:url(/webdesign/images/yx/y4.png) no-repeat;
}
.ysbg5 {
background:url(/webdesign/images/yx/y5.png) no-repeat;
}
.ysbg6 {
background:url(/webdesign/images/yx/y6.png) no-repeat;
}

.lanline {
margin:auto;
width:100%;
text-align:center;
font-size:30px;
line-height:50px;
height:60px;
background:url(/webdesign/images/lanline.png) bottom center no-repeat;
}

.hxys {
float:left;
width:17%;
margin-top:23px;
margin-left:15px;
margin-right:15px;
text-align:left;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
-webkit-box-shadow: 0 0 5px #cccccc;
-moz-box-shadow: 0 0 5px #cccccc;
box-shadow: 0px 0px 5px #cccccc;
border-bottom:#ffffff 3px solid;
cursor:pointer;
}


.hxys:hover {
-webkit-animation: dese 0.5s 1;
-moz-animation: dese 0.5s 1;
animation: dese 0.5s 1;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0px 0px 20px #cccccc;
border-bottom:#029fe6 3px solid;
}
.hxysbg1 {
background: url(/webdesign/images/dz/ico1.png) center 40px no-repeat #FFFFFF;
}
.hxysbg1:hover {
background: url(/webdesign/images/dz/ico12.png) center 40px no-repeat #ffffff;
}
.hxysbg2 {
background: url(/webdesign/images/dz/ico2.png) center 40px no-repeat #FFFFFF;
}
.hxysbg2:hover {
background: url(/webdesign/images/dz/ico22.png) center 40px no-repeat #ffffff;
}
.hxysbg3 {
background: url(/webdesign/images/dz/ico3.png) center 40px no-repeat #FFFFFF;
}
.hxysbg3:hover {
background: url(/webdesign/images/dz/ico32.png) center 40px no-repeat #ffffff;
}
.hxysbg4 {
background: url(/webdesign/images/dz/ico4.png) center 40px no-repeat #FFFFFF;
}
.hxysbg4:hover {
background: url(/webdesign/images/dz/ico42.png) center 40px no-repeat #ffffff;
}
.hxysbg5 {
background: url(/webdesign/images/dz/ico5.png) center 40px no-repeat #FFFFFF;
}
.hxysbg5:hover {
background: url(/webdesign/images/dz/ico52.png) center 40px no-repeat #ffffff;
}
.hxtitle{
padding-top:80px;
text-align:center;
font-size:18px;
color:#333333;
}

.hxcontent {
text-align:center;
padding:15px 10px 0px 10px;
line-height:26px;
font-size:14px;
color:#666666;
min-height:180px;
}

.bank {
    margin-top: 40px;
    border: 1px solid #edebeb;
    background-color: #FFFFFF;
	text-align:center;
}
.bankimg {
text-align:center;
}
.bankinfo {
font-size:15px;
line-height:26px;
padding:15px;
text-align:left;
color:#FFFFFF;
}

.inner {margin:0 auto;} /**页面全局宽度**/

/**标题栏新闻窗口**/
.post0 { margin: 20px 0px 0px 0px;width:100%;display:inline-block;border:1px solid #ccc;}
.post0 .tt {display:inline-block;float:left; height:38px; margin: 0px auto;text-align:center} /**标题栏**/
.post0 .tt .tit { display:inline-block; font-size: 17px; height:38px; line-height:38px; padding-left:22px;font-weight:normal; font-family:"Microsoft yahei"} /**标题字体**/
.post0 .tt .tit .title { display:inline-block; height:38px; line-height:38px; padding-left: 22px; /* background:url(../images/icon_tit.gif) no-repeat 5px center; */} /**标题图标**/
.post0 .more_btn{ /* height:32px; */ /* margin:12px 0px; */text-align:right;}   /**更多按钮**/
.post0 .more_btn a{display:inline-block; height:24px; line-height:24px;margin:0 auto; padding: 8px 20px; /* color:#fff; *//* background:#a40c22; */}   /**更多按钮**/
.post0 .con { padding:5px 0;*padding:4px 0; margin:0 auto;display:inline-block; width:auto;float:left; text-align:left;}
.post0 .con .wp_article_list .list_item { border-bottom:1px dashed #ccc;} /**新闻列表**/
.post0 .con .wp_article_list .list_item .Article_Index { background:url(../images/li.gif) no-repeat center;} /**新闻列表图标**/
.post0 .con{float:left;padding:8px;margin-left:10px;}
.post0 .con .news_list li.news {margin-right:20px;}

/*通知公告*/
#wp_news_w10{display:inline-block;}
.post0 .con .news_icon{display:none;}
#wp_news_w10{float:left;width: 788px;height:24px;line-height:24px;overflow:Hidden;margin:0 auto;}
#wp_news_w10 .line{text-align:center;width:100%;}
#wp_news_w10{font-size:14px;}
#wp_news_w10 .news_meta{margin-left:10px;}
 
.post { margin-bottom:10px;}
.post .tt { height:38px; margin:10px auto;text-align:center} /**标题栏**/
.post .tt .tit { display:inline-block; /* float:left; */ font-size:20px; font-weight:normal; font-family:"Microsoft yahei"} /**标题字体**/
.post .tt .tit .title { display:inline-block; height:38px; line-height:38px; /* padding-left:35px; */ /* background:url(../images/icon_tit.gif) no-repeat 5px center; */} /**标题图标**/
.post .more_btn{ height:32px;margin:12px 0px;text-align:center;}   /**更多按钮**/
.post .more_btn a{display:inline-block; height:32px; line-height:32px;margin:0 auto; line-height:30px;padding:0px 20px; color:#fff;background:#a40c22;}   /**更多按钮**/
.post .con { padding:5px 0; margin:0 auto;}
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc;} /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(../images/li.gif) no-repeat center;} /**新闻列表图标**/
.post .con{}
.post .con li{float:left;margin-left:34px;border-top:3px solid red;}
.post .con li.n1{height:320px; overflow:hidden;}
.post .con li.n3{height: 343px; overflow:hidden;}
.post .con li.n4{height: 370px; overflow:hidden;}
.post .con li.n1 .img-link{}
.post .con li img{margin-bottom:-5px;}
.post .con li.n1 .imgs{}
.post .con li.n2,.post-11 .con li.n3{}
.post .con li.n2 .img-link,.post .con li.n3 .img-link{}
.post .con li.n2 .imgs,.post-11 .con li.n3 .imgs{}
.post .con li .news_title{line-height:22px;margin-top: 15px;margin-bottom:5px;font-family:"Microsoft yahei"; font-size:15px;}
.post .con li .news_title a{color:#000;}
.post .con li .news_wz{/* line-height:22px; */margin-top:15px;color:#717171;}
.post .con li .news_meta {color:#a40c22;}
/**自定义新闻列表**/
.news_list {}
.news_list li.news { line-height:24px;*line-height:18px; padding-left:0px; background:url(images/icon_li0.gif) no-repeat 0 9px;} /**标题图标**/
.news_list li.news span.news_title { float:left;}
.news_list li.news span.news_meta { float:right; margin-left:2px;}
.news_list li.news p {clear:both; line-height: 22px; color:#AEAEAE;}
.news_list li.news p a { /* color:#03528A; */}
.news_list li.news p a:hover { color:#03528A; text-decoration:underline;}

#news0{margin-top:10px;}

.news1{padding: 0px 0px 10px 0px;}
.news1 .post .more_btn{ text-align:right;position:absolute; left: 389px; bottom: 20px;}   /**更多按钮**/
.news1 .post .more_btn a{}   /**更多按钮**/
.post-11{position:relative;}
.post-11 .con{}
.post-11 .con li{border-top:none;margin-left:0px;}
.post-11 .con li .img-link{margin-bottom:-10px;}
.post-11 .con li.n1{width:468px;}
.post-11 .con li.n1 .img-link{display:inline-block;width:100%;max-height:236px;overflow:hidden;}
.post-11 .con li.n1 .imgs{width:468px;border-bottom:3px solid #A40C22;}
.post-11 .con li.n2 .img-link{border-bottom:3px solid #01559D;}
.post-11 .con li.n3 .img-link{border-bottom:3px solid #d66f23;}
.post-11 .con li.n2,.post-11 .con li.n3{width: 236px;margin-left:30px;}
.post-11 .con li.n2 .img-link,.post-11 .con li.n3 .img-link{display:inline-block;width:100%;max-height:132px;overflow:hidden;}
.post-11 .con li.n2 .imgs,.post-11 .con li.n3 .imgs{width:236px;}
.post-11 .con li .news_title{line-height:22px;margin-bottom:5px;font-family:"Microsoft yahei"; font-size:15px;}
.post-11 .con li .news_title a{}
.post-11 .con li .news_wz{/* line-height:22px; */}
.post-11 .con li .news_meta {}

.bg-hui {
background-color:#f9f9f9;

}
.bg-bai {
background-color:rgb(255, 255, 255);
margin-top:20px;
}
.bg-lan {
background-color:#eef7ff;
padding:40px 0 40px 0;
margin-top:40px;
}

.bg-lanse {
    background: url(../img2015/bg.png) center 0 repeat-y #e5f3ff;
}



.indextitle {
margin:auto;
width:140px;
text-align:center;
font-size:30px;
line-height:50px;
border-bottom:#1478cd solid 3px;
}

.indextitle2 {
color:#5f5f5f;
margin:auto;
text-align:center;
font-size:16px;
line-height:26px;
padding-top:15px;
padding-bottom:5px;
}
.proindex {
width:100%;
margin-top:23px;
text-align:left;
background: url(../images/ico1.png) center 10px no-repeat;
padding-bottom:10px;
border-bottom:#ffffff 3px solid;
}

.proindex:hover {
background: url(../images/ico12.png) center 10px no-repeat;
-webkit-animation: dese 0.5s 1;
-moz-animation: dese 0.5s 1;
animation: dese 0.5s 1;
border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0px 0px 20px #cccccc;
border-bottom:#029fe6 3px solid;
}
.proindex2 {
width:100%;
margin-top:23px;
text-align:left;
background: url(../images/ico2.png) center 10px no-repeat;
padding-bottom:10px;
border-bottom:#ffffff 3px solid;
}

.proindex2:hover {
background: url(../images/ico22.png) center 10px no-repeat;
-webkit-animation: dese 0.5s 1;
-moz-animation: dese 0.5s 1;
animation: dese 0.5s 1;
border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0px 0px 20px #cccccc;
border-bottom:#029fe6 3px solid;
}
.proindex3 {
width:100%;
margin-top:23px;
text-align:left;
background: url(../images/ico4.png) center 10px no-repeat;
padding-bottom:10px;
border-bottom:#ffffff 3px solid;
}

.proindex3:hover {
background: url(../images/ico42.png) center 10px no-repeat;
-webkit-animation: dese 0.5s 1;
-moz-animation: dese 0.5s 1;
animation: dese 0.5s 1;
border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0px 0px 20px #cccccc;
border-bottom:#029fe6 3px solid;
}
.proindex4 {
width:100%;
margin-top:23px;
text-align:left;
background: url(../images/ico3.png) center 10px no-repeat;
padding-bottom:10px;
border-bottom:#ffffff 3px solid;
}

.proindex4:hover {
background: url(../images/ico32.png) center 10px no-repeat;
-webkit-animation: dese 0.5s 1;
-moz-animation: dese 0.5s 1;
animation: dese 0.5s 1;
border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0px 0px 20px #cccccc;
border-bottom:#029fe6 3px solid;
}

.iprotitle {
padding-top:150px;
text-align:center;
font-size:20px;
color:#0070cc;
}

.iprocontent {
text-align:center;
padding:0 10px 0 10px;
font-size:14px;
color:#333333;
}

.iproprice {
text-align:center;
font-size:14px;
color:#333333;
}

.iproprice b {
    display: inline-block;
    color: #ff7800;
    font-size: 22px;
    line-height: 35px;
}

.iprolink {
    display: block;
    width: 154px;
    height: 41px;
    margin: 5px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}
.iprolink:hover {
color:#FFFFFF;
}
.ysindex {
width:100%;
margin-top:23px;
text-align:left;
}

.ysindex h2.iystitle {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:30px;
line-height:30px;
background:url(../images/ysico1.png) no-repeat;
}

.ysindex h2.iystitle2 {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:30px;
line-height:30px;
background:url(../images/ysico2.png) no-repeat;
}

.ysindex h2.iystitle3 {
text-align:left;
padding-left:40px;
font-size:24px;
color:#000000;
height:30px;
line-height:30px;
background:url(../images/ysico3.png) no-repeat;
}
.ysindex .iyscontent {
text-align:left;
padding-left:40px;
font-size:14px;
line-height:28px;
color:#333333;
}


.jfindex {
width:100%;
border:#e4ecf3 solid 1px;
margin-top:23px;
max-width:278px;
text-align:left;
}

.jfindex h2.ijftitle {
text-align:center;
font-size:20px;
color:#0070cc;
}

.jfindex .ijfcontent {
text-align:left;
padding-left:10px;
padding-right:10px;
font-size:14px;
color:#333333;
padding-bottom:10px;
}

.jfindex .ijflink {
    display: block;
    width: 154px;
    height: 41px;
    margin: 5px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}

.maintit{ padding-top:60px; padding-bottom:20px; }
.t1{ font-size:20px; color:#221815; }
.t2{ font-size:35px; line-height:50px; padding:6px 0; color:#221815; font-family:Arial; }
.t3{ font-size:18px; line-height:18px; color:#d7000f; }


.brandt2{ font-size:35px; line-height:50px; padding:6px 0; color:#221815; font-family:Arial; text-align:center;}
.banrdlogo{
margin:auto;
text-align:left;
}
.banrdlogo img {
max-width:350px;
}
.imgbord {
padding:5px;
border:#CCCCCC 1px solid;
}
.protitle {
margin:auto;
height:40px;
font-size:18px;
font-weight:bold;
 color: #333333;	
}
.proinfo {
margin:auto;
width:100%;
font-size:14px;
line-height:26px;
 color: #333333;	
}
.proinfo h2 {
 font-weight:bold;	
}
.progn {
margin-top:50px;
height:30px;
line-height:30px;
font-size:15px;
font-weight:bold;
color: #333333;	
}
.progninfo {
    line-height:22px;
	display: block;
    padding: 0px 25px 20px 20px;
	font-size:14px;
    color: #333333;	
}
.progninfo ul {
	margin-bottom: 35px !important;
	margin: 0;
    padding: 0 0 0 17px;
}

.progninfo ul li {
padding-left:4px;
list-style-type:disc;
}

.protitle2 {
margin-top:30px;
text-align:center;
height:25px;
line-height:25px;
width:90px;
background:#0070cc;
color:#FFFFFF;
}
.protext {
	line-height:22px;
	display: block;
    border: 1px solid #d6d6d6;
    padding: 0px 25px 20px 20px;
	font-size:14px;
    color: #333333;	
}
.protext img {
    max-width: 100%;
}
.protext strong {
  margin-top:30px;
}
.protext p {
  margin-bottom:10px;
}
.protext p strong {
	margin-top:35px;
	display:block;
}
.protext ul {
	margin-bottom: 35px !important;
	margin: 0;
    padding: 0 0 0 17px;
}

.protext ul li {
padding-left:4px;
list-style-type:disc;
}
@media all and (min-width:801px)
{
.site-header .switch-locale-wrap:hover .dropdown-menu {
	display: block;
}
.site-header .switch-locale-wrap:hover .switch-locale {
	background-color: rgba(255, 255, 255, 1);
}
}
@media all and (max-width:1199px)
{
.site-header .navbar-nav > li > a {
	margin-right: 10px;
}
.site-header .switch-locale {
	margin: 17px 0px; padding: 9px 5px; border-radius: 3px 3px 0px 0px; text-align: left; display: inline-block; position: relative;
}

}
@media all and (max-width:980px)
{
.site-header .navbar-nav > li > a {
	padding-right: 12px; padding-left: 12px; margin-right: 3px;
}
.site-header .switch-locale {
	padding: 9px 5px;
}
.site-header .switch-locale .dropdown-menu {
	width: auto !important;
}
}
@media all and (min-width:801px)
{
.site-header .navbar-button .user .user-name {
	max-width: 125px;
}
}

@media all and (max-width:800px)
{
.readable img {
	width: 100%;
}
.readable p > img {
	width: 100%;
}
.logonew{
height:80px;
}
.site-header {
	transition:0.35s ease-in-out; top: 0px; width: 100%; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 103; opacity: 1; box-shadow: 0px 2px 20px rgba(0,0,0,0.16); background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .16); -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, .16); -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; height:50px;
}
.site-header .switch-locale .dropdown-menu > li > a {
	width: 100%; 
}
.toptop{
height:60px;
}
.topdesign {
height:50px;
}
.site-header .navbar-brand {
	margin: 0px 0px; padding: 0px; width: 200px; text-indent: -9999px; background-image: url("../images/logom.jpg"); background-repeat: no-repeat; height:50px;
}
.site-header.transparent {
	border-bottom-color: transparent; border-bottom-width: medium; border-bottom-style: none; -webkit-box-shadow: none; 
}
.site-header.transparent .navbar-nav > li > a {
	color: rgb(56, 56, 56);
}
.site-header.transparent .navbar-nav > li > a:hover {
	color:#0070cc; background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-toggle {
	color: rgb(56, 56, 56) !important;
}
.site-header.transparent .switch-locale .dropdown-toggle:hover {
	color:#0070cc;
}
.site-header.transparent .switch-locale .dropdown-menu {
	top: 41px; background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a {
	color: rgb(56, 56, 56);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a:focus {
	color: rgb(56, 56, 56); background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a:hover {
	color: rgb(56, 56, 56); background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale:hover {
	background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .navbar-button > li > a.user {
	color: rgb(56, 56, 56);
}
.site-header.transparent .navbar-button > li > a.login {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(56, 56, 56); background-color: transparent;
}
.site-header.transparent .navbar-button > li > a.login:hover {
	color:#0070cc; background-color: rgb(56, 56, 56);
}
.site-header .container {
	background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .navbar-button .info-wrap:hover .avatar {
	border: 1px solid rgb(255, 255, 255); border-image: none;
}
.site-header.transparent .navbar-button .info-wrap:hover .user {
	color: rgb(56, 56, 56);
}
.site-header .navbar-header {
  width:100%;
}
.site-header .navbar-header .navbar-brand {
	margin: 0px; width: 200px !important; background-image: url("../images/logom.jpg") !important; height:50px;
}
.site-header .navbar-header .navbar-toggle {
	margin: 8px 0px; padding: 6px 15px; border: 1px solid rgb(56, 56, 56); transition:none;  color: rgb(56, 56, 56); background-color: rgb(255, 255, 255); 
}
.site-header .navbar-header .navbar-toggle:focus {
	border: 1px solid rgb(56, 56, 56); border-image: none; color: rgb(56, 56, 56); cursor: pointer; background-color: rgb(255, 255, 255);
}
.site-header .navbar-header .navbar-toggle:hover {
	border: 1px solid rgb(56, 56, 56); border-image: none; color: rgb(56, 56, 56); cursor: pointer; background-color: rgb(255, 255, 255);
}
.site-header .navbar-collapse {
	margin: 0px -20px; padding-right: 20px; background-color: rgb(255, 255, 255);
}
.site-header .navbar-collapse .navbar-button > li {
	padding: 0px; width: 100%;
}
.site-header .navbar-collapse .navbar-button > li > a {
	margin: 10px auto; padding: 8px 12px; width: 100%;
}
.site-header .navbar-collapse .navbar-button > li > a.login {
	margin-bottom: 0px;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap {
	text-align: center; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: dashed;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale {
	margin: 0px; padding: 0px; width: 100%;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-toggle {
	height: 50px; line-height: 50px; display: block;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-togglea {
	height: 50px; line-height: 50px; display: block;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu {
	top: 0px; width: 100% !important; position: relative; box-shadow: none !important; background-color: transparent;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu > li > a:focus {
	color:#0070cc; background-color: transparent;
}
.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu > li > a:hover {
	color:#0070cc; background-color: transparent;
}
.site-header .navbar-collapse .navbar-button .info-wrap {
	margin: 8px 0px !important; text-align: left; float: left; position: relative;
}
.site-header .navbar-collapse .navbar-button .info-wrap .user {
	margin: 0px; padding-left: 30px; display: inline-block;
}
.site-header .navbar-collapse .navbar-button .info-wrap .user .avatar {
	left: 0px;
}
.site-header .navbar-collapse .navbar-button .info-wrap .login {
	margin-left: 0px !important;
}
.site-header .navbar-collapse .navbar-button .info-wrap .logout {
	margin: 0px; top: 2px; width: auto; right: 0px; color: rgb(56, 56, 56); font-size: 14px; display: inline-block; position: absolute;
}
.site-header .navbar-collapse .navbar-button .info-wrap .signup {
	margin-left: 15px !important;
}
/*.site-header .navbar-collapse.collapsing {
	overflow: visible;
}*/
.site-header .navbar-collapse.in {
	overflow: visible;
}
.site-header .navbar-collapse.collapsing .items-wrap {
	display: flex; flex-direction: column-reverse;
}
.site-header .navbar-collapse.in .items-wrap {
	display: flex; flex-direction: column-reverse;
}
.site-header .navbar-collapse.collapsing {
	-ms-overflow-y: hidden;
}
.site-header .navbar {
	margin: 0px; border: 0px currentColor; border-image: none; height: 50px; padding-bottom: 5px;
}
.site-header .navbar .navbar-nav {
	margin: 0px;
}
.site-header .navbar .navbar-nav > li > a {
	padding: 15px 24px; text-align: center; margin-right: 0px;
}
.site-header .navbar .navbar-nav > li.active > a {
	border-radius: 4px;
}

.site-header .navbar {
	border: currentColor; border-image: none; height: 50px; margin-bottom: 0px;
}
}

.site-header.transparent {
	border-bottom-color: transparent; border-bottom-width: medium; border-bottom-style: none; -webkit-box-shadow: none; 
}
.site-header.transparent .navbar-nav > li > a {
	color: rgb(56, 56, 56);
}
.site-header.transparent .navbar-nav > li > a:hover {
	color:#0070cc; background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-toggle {
	color: rgb(56, 56, 56) !important;
}
.site-header.transparent .switch-locale .dropdown-toggle:hover {
	color:#0070cc;
}
.site-header.transparent .switch-locale .dropdown-menu {
	top: 41px; background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a {
	color: rgb(56, 56, 56);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a:focus {
	color: rgb(56, 56, 56); background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale .dropdown-menu > li > a:hover {
	color: rgb(56, 56, 56); background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .switch-locale:hover {
	background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .navbar-button > li > a.user {
	color: rgb(56, 56, 56);
}
.site-header.transparent .navbar-button > li > a.login {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(56, 56, 56); background-color: transparent;
}
.site-header.transparent .navbar-button > li > a.login:hover {
	color:#0070cc; background-color: rgb(56, 56, 56);
}
.site-header.mobile-header {
	background-color: rgba(255, 255, 255, 1);
}
.site-header.mobile-header .container {
	background-color: rgba(255, 255, 255, 1);
}
.site-header.transparent .navbar-button .info-wrap:hover .avatar {
	border: 1px solid rgb(255, 255, 255); border-image: none;
}
.site-header.transparent .navbar-button .info-wrap:hover .user {
	color: rgb(56, 56, 56);
}

.nav-tabs .dropdown-menu {
	margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px;
}
.navbar {
	border: 1px solid transparent; border-image: none; margin-bottom: 40px; position: relative; min-height: 50px;
}
.navbar-collapse {
	padding-right: 16px; padding-left: 16px; border-top-color: transparent; border-top-width: 1px; border-top-style: solid; -ms-overflow-x: visible; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1); -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
	-ms-overflow-y: auto;
}
@media all and (min-width:801px)
{
.navbar {
	border-radius: 3px;
}
.navbar-header {
	float: left;
}
.navbar-collapse {
	width: auto; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; box-shadow: none;
}
.navbar-collapse.collapse {
	height: auto !important; overflow: visible !important; padding-bottom: 0px; display: block !important; padding-top:0px;
}
.navbar-collapse.in {
	-ms-overflow-y: visible;
}
.navbar-fixed-bottom .navbar-collapse {
	padding-right: 0px; padding-left: 0px;
}
.navbar-fixed-top .navbar-collapse {
	padding-right: 0px; padding-left: 0px;
}
.navbar-static-top .navbar-collapse {
	padding-right: 0px; padding-left: 0px;
}
}
.embed-responsive {
	overflow: hidden;
}
.modal {
	overflow: hidden;
}
.modal-open {
	overflow: hidden;
}
.progress {
	overflow: hidden;
}
@media all and (orientation:landscape) and (max-width:480px)
{
.navbar-fixed-bottom .navbar-collapse {
	max-height: 200px;
}
.navbar-fixed-top .navbar-collapse {
	max-height: 200px;
}
.navbar-brand {
	padding: 0px 0px; height: 60px; line-height: 20px; font-size: 15px; float: left;
}
}
.container-fluid > .navbar-collapse {
	margin-right: -16px; margin-left: -16px;
}
.container-fluid > .navbar-header {
	margin-right: -16px; margin-left: -16px;
}
.container > .navbar-collapse {
	margin-right: -16px; margin-left: -16px;
}
.container > .navbar-header {
	margin-right: -16px; margin-left: -16px;
}
.navbar-static-top {
	border-width: 0px 0px 1px; z-index: 1000;
}
.navbar-fixed-bottom {
	left: 0px; right: 0px; position: fixed; z-index: 1030; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.navbar-fixed-top {
	left: 0px; right: 0px; position: fixed; z-index: 1030; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.navbar-fixed-top {
	border-width: 0px 0px 1px; top: 0px;
}
.navbar-fixed-bottom {
	border-width: 1px 0px 0px; bottom: 0px; margin-bottom: 0px;
}
.navbar-brand {
	padding: 0px 0px; height: 68px; line-height: 20px; font-size: 15px; float: left;
}
.navbar-brand:focus {
	text-decoration: none;
}
.navbar-brand:hover {
	text-decoration: none;
}


.slideBox{ position:relative; overflow:hidden; margin:auto; width:100%;/* 设置焦点图最大宽度 */ }
	.slideBox .hd{ width: 100%; height: 11px; text-align: center; bottom: 10px; position: absolute; z-index: 1; }
	.slideBox .hd li{ background: rgba(0,0,0,0.4); margin: 0px 5px; transition:background 0.5s, opacity 0.9s; width: 50px; height: 6px; vertical-align: top; display: inline-block; position: relative; cursor: pointer;  -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s;overflow:hidden; line-height:30px; }
	.slideBox .hd li.on{ background:#0070cc;; opacity: 1;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
	
.show_div_body{background:rgba(0,0,0,.5);width:100%;height:100%;z-index:1;position:fixed;top:0px;left:0px;transition: 5s;display:none;}
.show_div{width:800px;margin:10% auto 0;box-shadow:rgba(0,0,0,.8) 0 0 50px;position:relative;background:#000;text-align:center;}
.close_btn{color:#fff;font-size:36px;width:48px;height:48px;border-radius:48px;text-align:center;line-height:48px;background:rgba(255,225,225,.3);position:absolute;right:-24px;top:-24px;cursor:pointer;z-index:10;}

.lefttietleen{
   display:block;
   height:26px;
   color:#FFFFFF;
   padding-top:10px;
   line-height:26px;
   height:36px;
   padding-left:20px;
   margin:0 0px;
   font-size:18px;
}

.lefttitle{
   display:block;
   height:36px;
   color:#FFFFFF;
   line-height:36px;
   padding-left:20px;
   margin:0 0px;
   font-size:18px;
}

.lefttitle2 {
   display:block;
   height:50px;
   background:#9a14a1;
   color:#FFFFFF;
   line-height:50px;
   padding-left:35px;
   margin:0 0px;
}

.left_list {
margin:auto;
width:100%;
background-color:#f2f6f9;
min-height:450px;
}

.left-top {
	background: rgb(113, 113, 113); padding: 0px 0px 0px 0px; height: 80px; display: block;
}

.leftmenu{

}
.leftmenu .left_list ul {
margin:auto;
padding:0px;
}
.leftmenu .left_list ul li{
background:url(../Images/leftmenu.jpg) no-repeat;
margin:0 0px;
border-bottom:#CCCCCC 2px solid;
}
.leftmenu .left_list ul li a {
	display:block;
	height:59px;
	line-height:54px;
	padding-left:45px;
	text-align:left;
	font-size:15px;
}
.leftmenu .left_list ul li a:link,.left_list ul li a:visited {
	background:url(../Images/leftmenu.jpg) no-repeat;
}
.leftmenu .left_list ul li a:hover{
	background:url(../images/leftmenuover.jpg) no-repeat; color:#0070cc;
}

.leftmenu .left_list ul li a:link.lefemenuon {
	background:url(../images/leftmenuover.jpg) no-repeat; 
	color:#0070cc;
}
.leftmenu .left_list ul li a:visited.lefemenuon {
	background:url(../images/leftmenuover.jpg) no-repeat; 
	color:#0070cc;
}

.leftmenu .left_list ul li .pon {
	 background-color:#0033CC;	
}
.leftmenu .left_bottom{
  margin:auto;
  padding:0px;
  background:url(../Images/leftbottom.jpg) no-repeat center top;
  height:10px;
}
.leftmenu .left_list ul li .subclassid {
  width:100%;
  font-size:14px;
  margin:auto;
  line-height:30px;
}
.leftmenu .left_list ul li .subclassid a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:45px;
	text-align:left;
	font-size:14px;
	background:none;
}
.leftmenu .left_list ul li .subclassid a:link,.leftmenu .left_list ul li .subclassid a:visited {
 
}
.leftmenu .left_list ul li .subclassid a:hover{
    color:#0070cc;
}
.subclassico {
position:absolute;
margin-left:30px;
margin-top:12px;
background:url(../Images/subclass.png) no-repeat center top;
width:7px;
height:10px;
}
.subclassicoon {
position:absolute;
margin-left:28px;
margin-top:14px;
background:url(../Images/subclasson.png) no-repeat center top;
width:10px;
height:7px;
}

.proclass {
margin:auto;
}
.proclass p {
background:url(../Images/leftmenu.jpg) no-repeat;
margin:0 0px;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}

.proclass p a {
	display:block;
	height:59px;
	line-height:54px;
	padding-left:45px;
	text-align:left;
	font-size:15px;
}
.proclass p a:link,.proclass p a:visited {
	background:url(../Images/leftmenu.jpg) no-repeat;
}
.proclass p a:hover{
	background:url(../images/leftmenuover.jpg) no-repeat; color:#0070cc;
}

.proclass p a:link.lefemenuon {
	background:url(../images/leftmenuover.jpg) no-repeat; 
	color:#0070cc;
}
.proclass p a:visited.lefemenuon {
	background:url(../images/leftmenuover.jpg) no-repeat; 
	color:#0070cc;
}
.proclass div {
  width:100%;
  font-size:14px;
  margin:auto;
  line-height:30px;
  display:none;

}
.proclass div a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:45px;
	text-align:left;
	font-size:14px;
	background:none;
}
.proclass div a:link,.proclass div a:visited {
 
}
.proclass div a:hover{
    color:#0070cc;
}
.proclass div ul {
display:none;
}
.proclass div ul li {
  width:100%;
  font-size:12px;
  margin:auto;
  line-height:30px;
}
.proclass div ul li a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:45px;
	text-align:left;
	font-size:12px;
	background:none;
}
.proclass div ul li a:link,.proclass div ul li a:visited {
 
}
..proclass div ul li a:hover{
    color:#0070cc;
}

.pic-page {
	text-align: center; margin-top: 10px;
}
.pic-page a {
	margin: 0px 2px;
}
.pic-page a img {
	padding: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 50px; margin-bottom: 5px; height:50px; overflow:hidden;
}
.pic-page a:hover img {
	border: 1px solid rgb(82, 128, 221); border-image: none;
}
.pic-page a.active img {
	border: 1px solid rgb(82, 128, 221); border-image: none;
}
.showpic_box {
	margin: 0px 0px 20px;
}

.leftmenu .left_list ul li .theclassid {
  width:100%;
  font-size:12px;
  margin:auto;
  line-height:30px;
}
.leftmenu .left_list ul li .theclassid a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:45px;
	text-align:left;
	font-size:12px;
	background:none;
}
.leftmenu .left_list ul li .theclassid a:link,.leftmenu .left_list ul li .theclassid a:visited {
 
}
.leftmenu .left_list ul li .theclassid a:hover{
    color:#0070cc;
}

.right_titleold {
	font-size:14px;
	background:url(../Images/right_title.jpg) repeat-x;
	height:49px;
	line-height:49px;
	padding-right:4px;
	text-align:left;
}

.right_title span a:hover {
	color: rgb(127, 16, 133);
}
.right_title span a.cur {
	color: rgb(127, 16, 133);
}
.right_title {
	padding: 8px 0px; color: rgb(102, 102, 102);  line-height: 24px; font-size: 20px; margin-bottom: 16px; border-top-color: rgb(211, 217, 222); border-bottom-color: rgb(211, 217, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; min-height:40px;
}
.right_title span {
	font-size: 12px; float: right;
}
.right_title span a {
	padding: 0px 2px; color: rgb(102, 102, 102);
}
.right_title .home {
	background: url("../images/home.gif") no-repeat; padding-left: 20px;
}

.classmenu {
	padding: 8px 0px; color: rgb(102, 102, 102); min-height:40px; line-height: 24px; font-size: 20px; margin-bottom: 16px; border-top-color: rgb(211, 217, 222); border-bottom-color: rgb(211, 217, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.classmenu span {
	font-size: 15px; 
}
.classmenu span a {
	padding: 0px 10px; color: rgb(102, 102, 102);
}
.classmenu span a:hover {
	padding: 0px 10px; color:#FF0000;
}
.productimg {
  padding:3px;
  border:#CCCCCC 1px solid;
}

.casetitle {
text-align:center;
font-size:16px;
line-height:30px;
height:30px;
padding-top:8px;
}

.inewstitle{
    line-height: 48px;
    font-size: 14px;
    color: #c4c4c4;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 20px;
}
.inewstitle span {
    font-size: 16px;
    color: #3d3d3d;
}

#left2_c {
	margin-top:6px;
	width:100%;
	border:#CCCCCC 1px solid;
	border-radius: 5px;
	-webkit-box-shadow:0 0 10px #cccccc;  
	-moz-box-shadow:0 0 10px #cccccc;  
	box-shadow:0 0 10px #cccccc;
	margin-bottom:20px;
}
#left2_list {
    margin:auto;
	width:90%;
}

.left_title {
	padding-left:10px;
	width:100%;
	height:28px;
	line-height:28px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border-radius: 5px;
	-webkit-box-shadow:0 0 10px #cccccc;  
	-moz-box-shadow:0 0 10px #cccccc;  
	box-shadow:0 0 10px #cccccc;  
}
.left2_title {
    margin-top:5px;
	width:100%;
	height:28px;
	line-height:28px;
	font-size:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#1c82cc;
	border-radius: 5px;
	-webkit-box-shadow:0 0 10px #cccccc;  
	-moz-box-shadow:0 0 10px #cccccc;  
	box-shadow:0 0 10px #cccccc;  
}
.list {
	padding:0px 5px;
	margin-bottom:0px;
}
.list li {
	padding:10px 0px 5px 20px;
	border-bottom:1px solid #ccc;
}
.pro {
margin-top:6px;
width:100%;
border:#CCCCCC 1px solid;
border-radius: 5px;
-webkit-box-shadow:0 0 10px #cccccc;  
-moz-box-shadow:0 0 10px #cccccc;  
box-shadow:0 0 10px #cccccc;  
}
.pro_title {
  width:100%;
 height:50px;
 font-size:16px;
 border-bottom:#cccccc 1px solid;
}
.pro_title span {
 width:200px; 
  height:50px;
  display:block;
 line-height:50px;
 text-align:center;
 border-top:#1c82cc 3px solid;
 border-right:#CCCCCC 1px solid;
}
.pro_dct {
	padding-bottom:20px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.pro_c {
	padding:20px 20px 10px 20px;
}
#pro_dp table {
	margin:0px auto;
}
#pro_dp table td {
	line-height:18px;
}
.pro_dp_title {
	font-weight:bold;
	color:#295D9C;
}
.pro_dp_line {
	margin:15px 0px;
	border-bottom:1px solid #EFF3F7;
}

.inputtext {
	padding:2px 1px 0px 1px;
	height:24px;
	border:1px solid #999;
}
.btndomain {
  display:inline-block;
  width: 60px;
  height: 34px;
  text-align:center;
  font-size: 14px;
  line-height:34px;
  background:#ebebeb;
  color: #555;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btnimg {
	width:48px;
	height:24px;
	line-height:24px;
	color:#666;
	border:1px solid #999;
	cursor:pointer;
}

.form-controlauto {  
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control50 {  
  width: 50%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control50:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control90 {  
  width: 90%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control90:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.inews {
margin:auto;
width:100%;
}
.inews ul li{
height:105px;
margin-bottom:5px;
}
.inews ul li dl {
    width: 15%;
    height: 90px;
    margin-right: 15px;
    border: 1px solid #c1c1c1;
    float: left;
}
.inews ul li dl dt {
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}
.inews ul li dl dd {
    text-align: center;
	color:#FFFFFF;
	background:#2098d4;
	height:45px;
	line-height:45px;
}
.inews ul li h2 {
    font-size: 16px;
    line-height: 30px;
	margin-top:0px;
	margin-bottom:0px;
	width:80%;
	float:left;
}
.inews ul li p {
    font-size: 12px;
    color: #666666;
    float: left;
	line-height:22px;
	width:80%;
}

#host_c1 {
	width:100%;	
/*	border:#CCCCCC 1px solid;
	border-radius: 5px;
	-webkit-box-shadow:0 0 10px #cccccc;  
	-moz-box-shadow:0 0 10px #cccccc;  
	box-shadow:0 0 10px #cccccc; */ 
}
#host_c1_top {
	height:13px;
	font-size:0px;
	background:url(/images/Host_Pro_Top.jpg) no-repeat;
}
#host_c1_bottom {
	height:13px;
	background:url(/images/Host_Pro_Bottom.jpg) no-repeat;
}
#host_c2 {
	margin-bottom:20px;
	padding:20px 10px 0px 10px;
	line-height:20px;
	background:url(/images/Host_cb.jpg) repeat-x;
}
#host_list {
	margin:10px auto;
	width:100%;
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
}
#host_list td {
	padding:10px 5px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.host_list_t {
	color:#1E476A;
	font-weight:bold;
	background:#EEF4FB;
}
#faq {
	padding:10px 30px;
}
#faq form {
	margin:0px 0px 10px 30px;
}
#faq table {
	background:url(/images/Faq_List.jpg) repeat-x;
}
#faq table td {
	padding-top:4px;
	border-bottom:1px dashed #ccc;
	color:#164F96;
}


.mt_10 {
	margin-top:10px;
}
.mt_20 {
	margin-top:20px;
}

.aboutmaxwidth {
max-width:410px;
}
.textleft28px p {
text-indent:28px;
}
.showtext {
	line-height:24px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-size:14px;
/*	min-height:260px;
*//*	text-indent:28px;*/
}
.showtext p {
	margin-bottom:15px;
}
.showtext a {
   color:#0000FF;
}
.showtext a:hover {
color:#FF0000;
}
.showtext img {
margin:auto;
max-width:100%;
}

#buy table td {
	padding:10px;
	color:#000;
	background:#f7f7f7;
}

.faq2 p {
	padding-left:30px;
	margin-bottom:0px;
	height:28px;
	line-height:28px;
	font-weight:bold;
	color:#1379C3;
	border:#CCCCCC 1px solid;
	background:url(/images/Faq_List_Top.jpg) no-repeat;
}
.faq2 p a {
	margin-right:10px;
	float:right;
	color:#666;
}
.faq2 div {
	margin-bottom:10px;
	padding-top:5px;
	height:180px;
	border:1px solid #E3E5E9;
}
.faq2 div table {
	margin:0px auto;
}
.faq2 div table td {
	padding-top:2px;
	color:#164F96;
	border-bottom:1px dashed #ccc;
}

#sitemap {
	margin:0px 0px 20px 0px;
}
#sitemap div {
	line-height:30px;
	font-size:13px;
	font-weight:bold;
}
#sitemap div a {
	color:#666;
}
#sitemap p {
	margin-left:20px;
	line-height:20px;
}
#sitemap p a {
	color:#666;
}
#link {
	margin:0px auto;
	width:680px;
	height:124px;
	background:url(/images/Link_Bg.jpg) no-repeat;
}
#link table td {
	width:100px;
}

#link2 {
	margin-bottom:100px;
	padding:0px 10px;
}
.link_t {
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:#11475F;
	border-bottom:1px solid #ccc;
}
.link_img {
	margin:0px 0px 30px 0px;
}
.link_img img {
	margin:0px 7px 10px 0px;
}
#link_text{
	line-height:20px;
}
#link_text a {
	margin:0px 5px;
}

#advise {
	margin-bottom:20px;
	padding:0px 20px;
}
#advise p {
	margin-bottom:20px;
	color:#1E476A;
	line-height:20px;
}
#advise table td {
	padding:5px;
}
#advise textarea {
	padding:3px;
	width:500px;
	height:150px;
	border:1px solid #999;
}
.btnreg {
	width:283px;
	height:41px;
	border:none;
    line-height:41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
	cursor:pointer;
}
.btnreg:hover {
	width:283px;
	height:41px;
	line-height:41px;
	font-size: 16px;
	background:#ffffff;
	text-align: center;
	color:#333333;
	border:#1478cd 2px solid;
	cursor:pointer;
}
#regts {
	margin:20px;
}
#regts p {
	margin:0px 0px 10px 150px;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}
.showtextabout {
	line-height:22px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-size:14px;
	min-height:260px;
/*	text-indent:28px;*/
}
.showtextabout p {
	margin-bottom:15px;
	font-size:14px;
}

.showtextabout img {
padding-right:15px;
}

.about_image {
	width:600px;
}
.about_image dl {
	margin-top:20px;
	float:left;
	width:200px;
	text-align:center;
}
.about_image dl dt img {
	padding:3px;
	width:160px;
	height:107px;
	border:1px solid #ddd;
}
.about_image dl dd {
	padding:0px 10px;
	width:160px;
	height:30px;
	line-height:30px;
}
.right-con {
margin:auto;
}

.newslist {
padding-top: 30px;padding-bottom:30px;border-bottom:1px dashed #bcbcbc;
}

.newslist2 {
padding-top: 30px;padding-bottom:20px;
}

#showpage {
	margin:20px 0px 20px 0px;
	text-align:center;
}
div.scott a {margin:0px 2px; padding:4px 5px 2px 5px;}
div.scott a:link,div.scott a:visited {color:#aaa; border:1px solid #ddd; text-decoration:none;}
div.scott a:hover {color:#aaa; text-decoration:none; border:1px solid #A0A0A0;}
div.scott span.current {margin:2px; padding:4px 5px 2px 5px; font-weight:bold; color:#ffffff; background:#379be9; border:1px solid #379be9;}
div.scott span.disabled {margin:2px; padding:4px 5px 2px 5px; color:#ccc; border:1px solid #F3F3F3; text-decoration:none;}
div.scott input {margin:2px; padding:4px 5px 2px 5px; color:#ccc; border:1px solid #ccc; text-decoration:none; width:30px;}

.topic_c_l {
   margin-left:20px;
   width:100%;
}
.topic_c_l P {
	MARGIN: 5px 0px
}
.topic_c_l P A {
	COLOR: #0162C3;
	FONT-SIZE: 14px
}
.topic_c_l P A.wz {
	COLOR: #666; TEXT-DECORATION: none
}

.sitemaplink {
padding-left:10px;
}

.newstitle {
text-align:left;line-height:30px;margin-top:0px;margin-bottom:20px;font-weight: 400; font-size:21px;
}

.iconfont {
display:none;
}

.bannercontact {
width:100%;min-height:280px;text-align:center;background:url('../images/contact.jpg') center center;
}

@media only screen and (max-width: 800px){
.toptopindex{
height:50px;
}
.proindex {
width:100%;
border:#e4ecf3 solid 1px;
margin-top:23px;
text-align:left;
}
.proindex2 {
width:100%;
border:#e4ecf3 solid 1px;
margin-top:23px;
text-align:left;
}
.proindex3 {
width:100%;
border:#e4ecf3 solid 1px;
margin-top:23px;
text-align:left;
}
.proindex4 {
width:100%;
border:#e4ecf3 solid 1px;
margin-top:23px;
text-align:left;
}

.iprotitle {
text-align:center;
font-size:20px;
color:#0070cc;
}

.iprocontent {
text-align:center;
font-size:12px;
color:#333333;
}

.iproprice {
text-align:center;
font-size:14px;
color:#333333;
}

.iproprice b {
    display: inline-block;
    color: #ff7800;
    font-size: 22px;
    line-height: 35px;
}

.iprolink {
    display: block;
    width: 100%;
    height: 41px;
    margin: 0px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}

.jfindex .ijflink {
   display: block;
    width: 100%;
    height: 41px;
    margin: 0px auto;
    line-height: 41px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 16px;
}


   .leftmenupro{
    float:none;
/*    padding:0;
*/    width:100%;
    color:#3d3938;
	display:block;
  }
   .leftmenupro >div{
    width:100%;
  }  
   .leftmenupro .left_list{
    float:none;
    border:none;
    margin:0;
    padding:0;
    background:#eeeeee;
	min-height:0px;
  }
   .leftmenupro .left_list h3{
    margin:0;
	height:30px;
    line-height:30px;
    padding-left:0px;
    background:white;
  }
  
   .leftmenupro .left_list h3 .iconfont{
    display:block;
    float:right;
    font-size:14px;
    line-height:14px;
    margin:6px 24px 0 0;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition:500ms;
     -webkit-transform: rotate(0) scale(1.2);
        -ms-transform: rotate(0) scale(1.2);
         -o-transform: rotate(0) scale(1.2);
            transform: rotate(0) scale(1.2);
  }
   .leftmenupro .left_list .proclass {
    height:0;
    border:none;
    overflow:hidden;
    line-height:26px;
    margin:0 0px;
	background:none;
    opacity:0;
    -webkit-transform:translate(3rem);
        -ms-transform:translate(3rem);
         -o-transform:translate(3rem);
            transform:translate(3rem);
  }
  .leftmenupro .left_list.show h3 .iconfont{ 
			
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
   .leftmenupro .left_list.show .proclass {
    height:auto;
    opacity:1;
    -webkit-transform:translate(0);
        -ms-transform:translate(0);
         -o-transform:translate(0);
            transform:translate(0);
  }
  
  
   .leftmenu{
    float:none;
/*    padding:0;
*/    width:100%;
    color:#3d3938;
	display:block;
  }
   .leftmenu >div{
    width:100%;
  }
  
   .leftmenu .left_list{
    float:none;
    border:none;
    margin:0;
    padding:0;
    background:#eeeeee;
	min-height:0px;
  }
   .leftmenu .left_list h3{
    margin:0;
	height:30px;
    line-height:30px;
    padding-left:0px;
/*    border-bottom:1px solid #eeeeee;
*/    background:white;
  }
  
   .leftmenu .left_list h3 .iconfont{
    display:block;
    float:right;
    font-size:14px;
    line-height:14px;
    margin:6px 24px 0 0;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition:500ms;
     -webkit-transform: rotate(0) scale(1.2);
        -ms-transform: rotate(0) scale(1.2);
         -o-transform: rotate(0) scale(1.2);
            transform: rotate(0) scale(1.2);
  }
   .leftmenu .left_list ul{
    width:100%;
  }
   .leftmenu .left_list ul li{
    height:0;
    border:none;
    overflow:hidden;
    line-height:26px;
    margin:0 0px;
	background:none;
    opacity:0;
    -webkit-transform:translate(3rem);
        -ms-transform:translate(3rem);
         -o-transform:translate(3rem);
            transform:translate(3rem);
  }
   .leftmenu .left_list ul li a {
    color:#3d3938;	
	line-height:26px;
	height:26px;
	padding-left:20px;
  }
 .leftmenu .left_list ul li a:link,.left_list ul li a:visited {
 background:none;
 
	line-height:26px;
	}
	.leftmenu .left_list ul li a:hover{
		background:none;
		
	line-height:26px;
	}


   .leftmenu .left_list ul li:last-child {
    border:none;
  }
/*   .leftmenu .left_list ul li:nth-of-type(1) {
    -webkit-transition: .2s .1s;
    -o-transition: .2s .1s;
    transition: .2s .1s;
  }
   .leftmenu .left_list ul li:nth-of-type(2) {
    -webkit-transition: .25s .15s;
    -o-transition: .25s .15s;
    transition: .25s .15s;
  }
   .leftmenu .left_list ul li:nth-of-type(3) {
    -webkit-transition: .3s .2s;
    -o-transition: .3s .2s;
    transition: .3s .2s;
  }
   .leftmenu .left_list ul li:nth-of-type(4) {
    -webkit-transition: .35s .25s;
    -o-transition: .35s .25s;
    transition: .35s .25s;
  }
   .leftmenu .left_list ul li:nth-of-type(5) {
    -webkit-transition: .4s .3s;
    -o-transition: .4s .3s;
    transition: .4s .3s;
  }
   .leftmenu .left_list ul li:nth-of-type(6) {
    -webkit-transition: .45s .35s;
    -o-transition: .45s .35s;
    transition: .45s .35s;
  }
*/   .leftmenu .left_list.show h3 .iconfont{ 
			
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
   .leftmenu .left_list.show ul li{
    height:30px;
    border-bottom: 1px solid white;
    opacity:1;
    -webkit-transform:translate(0);
        -ms-transform:translate(0);
         -o-transform:translate(0);
            transform:translate(0);
  }
  .leftmenu  .left_bottom {
  height:0px;  
  }
  .left_list { 
  }
  .lefttitle{
   color:#333333;
  }
  .left-top {
  height:auto;
}
  .lefttietleen{
  display:none;
}
  .lefttitle2{
  color:#333333;
  }
  .izl-rmenu{
  display:none;
  }

.right_title span {
	font-size: 12px; float: left;
}

.showtextabout img {
margin:auto;
min-width:100%;
}

.showtextabout table {
margin:auto;
width: 100%; 
overflow-y: auto; _overflow: auto; margin: 0 0 1em; 
}

.showtext img {
margin:auto;
max-width:100%;
}


.proneirong {
display:none;
}
.probox {
margin:auto;
max-width:260px;
margin-top:10px;
/*padding-left:10px;
padding-right:10px;*/
background-color:rgb(255, 255, 255);
padding-bottom:20px;
height:150px;
}

.cc25 {
float:left;
width:25%;
}

.renav{ 
width:100%; 
height:330px; 
line-height:330px; 
overflow:hidden; 
} 
.renav li{ 
height:160px; 
} 

.proneirongsz{
color:#7a7a7a;
padding:0 10px;
line-height:18px;
}

.proboxxy {
max-width:260px;
margin:auto;
height:160px; 
margin-top:10px;
padding-left:0px;
padding-right:0px;
overflow:hidden;
background-color:rgb(255, 255, 255);
padding-bottom:20px;
}

.proneirongxy{
color:#7a7a7a;
padding:0 10px;
line-height:26px;
}
.proneirongsz {
display:none;
}
.pageall {
display:none;
}
.n_con {
margin:auto;
margin-top:23px;
width:100%; 
max-width:400px;
}

.leftbox {
	float: left;
}

.jjfa {
float:left;
margin-top:15px;
width:100%;
max-width:370px;
text-align:left;
}

.imgnew {
float:left;
margin-top:15px;
width:100%;
max-width:370px;
text-align:left;
}
.imgnew img {
width:100%;
max-width:400px;
}
.imgnewtime {
	background: rgb(228, 0, 13); 
	left: 15px; 
	top: 23px; width: 74px; height: 74px; text-align: center; color: rgb(255, 255, 255); position: absolute;opacity: 0.8;
}
.imgnewtime p {
	line-height: 50px; font-size: 30px; margin-bottom:0px;
}
.imgnewtime span {
	line-height: 14px; font-size: 14px;
}

.imgnewtitle {
width:100%;
max-width:400px;
background:  rgba(0, 0, 0, 0.4); 
bottom: 0px; height: 29px; 
line-height:29px; text-align: left; 
color: rgb(255, 255, 255); 
position: absolute; 
overflow:hidden; 
padding-left:5px; 
padding-right:5px;
}

.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1; width: 100%; height: 11px; text-align: center; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

.show_div_body{background:rgba(0,0,0,.5);width:100%;height:100%;z-index:999999;position:fixed;top:0px;left:0px;transition: 5s;display:none;}
.show_div{width:90%;margin:10% auto 0;box-shadow:rgba(0,0,0,.8) 0 0 50px;position:relative;background:#000;text-align:center;}
.close_btn{color:#fff;font-size:36px;width:48px;height:48px;border-radius:48px;text-align:center;line-height:48px;background:rgba(255,225,225,.3);position:absolute;right:-24px;top:-24px;cursor:pointer;z-index:1000000;}

.footline{
height:0px;
}
.site-footer {
	color: #404040; background-color: #000000; margin-top:0px; position:static;
}

.maintit{ padding-top:0px; padding-bottom:20px; }

.pic-page a img {
	width: 35px;
	height:35px;
}

.titleno {
display:none;
}
.aboutmaxwidth {
max-width:none;
width:100%;
}

.topline {
display:none;
}

.jf {
	margin-bottom:10px;
	color:#114889;
	border-top:1px solid #CCE9F7;
	border-left:1px solid #CCE9F7;
}
.jf td {
	padding:0px;
	text-align:center;
	border-right:1px solid #CCE9F7;
	border-bottom:1px solid #CCE9F7;
}
.jf_st {
	font-weight:bold;
	background:#F8FCFE;
	height:30px;
	text-align:center;
	width:60px;
}

.jfimg {
margin-left:0px; 
margin-top:0px; 
width:100%;
}

.zlink {
    display: block;
    width: 100%;
    height: 28px;
    margin: 5px auto;
    line-height: 28px;
    color: #fff;
    background: #1478cd;
    text-align: center;
    font-size: 14px;
}

.case_bg {
background:#ffffff;
width:100%;
}

.case_content img {
    -webkit-box-shadow: 0 0 0px #cccccc;
    -moz-box-shadow: 0 0 0px #cccccc;
    box-shadow: 0px 0px 0px #cccccc;
	max-width:100%;
}
.pcshow {
display:none !important;
}

.designbg {
background-image:url(../images/designbg.jpg); 
background-position: 50% 50%;
height:300px;
}

.designbg .dline1 {
margin:auto;
width:100%;
text-align:center;
letter-spacing:12px;
padding-top:130px;
font-size:28px; 
color:#FFFFFF;
padding-bottom:15px;
border-bottom:#FFFFFF 1px solid;
}
.designbg .dline2 {
margin:auto;
width:100%;
text-align:center;
letter-spacing:6px;
padding-top:10px;
font-size:16px; 
color:#FFFFFF;
}
.designbg5bg {
background-position: 50% 50%;
height:300px;
}
.designbg5bg .dline1 {
width:100%;
letter-spacing:0px;
padding-top:130px;
font-size:28px;
}
.yxtontent {
line-height:22px;
height:auto;
}

.design5lm h2.lmtitle {
padding-left:0px;
line-height:30px;
margin-top:0px;
}

.design5lm .lmcontent {
padding-left:0px;
padding-right:0px;
line-height:20px;
}
.ysbg1 {
background:none;
}
.ysbg2 {
background:none;
}
.ysbg3 {
background:none;
}
.ysbg4 {
background:none;
}
.ysbg5 {
background:none;
}
.ysbg6 {
background:none;
}

.hxys {
width:100%;
margin-top:23px;
display:block;
text-align:left;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
}
.lanline {
margin:auto;
width:100%;
font-size:20px;
line-height:30px;
height:40px;
}
.designtitle {
font-size:25px;
}
.hxtitle{
padding-top:100px;
}
.hxcontent {
min-height:80px;
}

.contactbg .dline1 {
width:100%;
padding-top:130px;
font-size:18px; 
}
#onlineService{ width:100%; height:60px; overflow:hidden;}
#floatService{ width:100%; list-style:none; margin:0; padding:0; position:fixed; left:0; bottom:0; background:#000; z-index:100; overflow:hidden; }
#floatService li{ width:25%; height:60px; float:left; display:inline; overflow:hidden;  }
#floatService li a{ color:#fff; width:100%; height:40px; line-height:20px; padding:10px 0; text-align:center; font-weight:bold; display:block;}

.banner_container .txt p {
	line-height:36px;
	font-size:14px;
	color:#fff;
	letter-spacing:5px
}
.banner_container .txt h2 {
	margin-bottom:10px;
	line-height:30px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	letter-spacing:12px
}
}


@media all and (min-width: 801px)
{
.mobshow {
display:none !important;
}
}

@media all and (max-width: 330px)
{
.site-header .navbar-header .navbar-brand {
	margin: 0px 0px; padding: 0px; width: 160px; text-indent: -9999px; background-image: url("../images/logom.jpg"); background-repeat: no-repeat; height:50px;
}
.site-header .navbar-brand {
	margin: 0px 0px; padding: 0px; width: 160px; text-indent: -9999px; background-image: url("../images/logom.jpg"); background-repeat: no-repeat; height:50px;
}
}

@media screen and (max-width:959px)
{

#wp_news_w10 {
	width: auto;
}
.post0 .con {
	padding: 0px; width: auto; margin-left: 10px; float: left; overflow:hidden;
}
.post0 .con .news_list li.news {
width:auto; overflow:hidden; height:24px; line-height:24px;
}
.post0 .con .news_list li.news .news_meta {
	
}
.post0 .tt .tit { display:inline-block; font-size: 17px; height:38px; line-height:38px; padding-left:12px;font-weight:normal; font-family:"Microsoft yahei"} /**标题字体**/
}
@media screen and (max-width:800px)
{
.hiddiv{
display:none;
}
}