/*通用样式*/
html {
	font: 62.5% Arial, "微软雅黑";
	color: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
html, body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	margin: 0 auto;
	font-size: 1.4rem;
}
html, body.open {
	height: 100%;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
ul, li {
	list-style-type: none;
}
a {
	color: #666;
	outline: none;
}
a, a:visited {
	text-decoration: none;
}
.cl {
	clear: both;
}
.fl {
	float: left;
}
.clear {
	clear: both;
}
#bgmask {
	background: rgba(0, 0, 0, 0);
}
.iPage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99;
}
.hide {
	display: none;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dotted #e5e5e5;
}

/*Main*/

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main {
	position: relative;
	z-index: 2;
	/* fix bug on iOS */
	height: 100%;
	background: #fff;
	padding: 0px;
	-webkit-overflow-scrolling: touch;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.open .main {
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 768px) {
.main {
	padding: 0px;
}
.main h1 {
	font-size: 3.6rem;
}
.main p {
	font-size: 1.25rem;
}
}
.open .scrollView {
	overflow: hidden;
}
.scrollView {
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 300px;
	margin: 0;
	height: calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
	position: relative;
	background: #fff;
	clear: both
}
/*导航*/

#leftcontrol {
	width: 260px;
	height: 100%;
	background: #333;
	position: fixed;
	overflow-y: auto;
	top: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#leftcontrol >ul {
	padding-top: 0px
}
#leftcontrol ul li {
	display: block;
	min-height: 44px;
	border-top: 1px solid #191919;
	width: 100%;
}
#leftcontrol ul li:first-child {
}
#leftcontrol ul.subnavl li:first-child {
	min-height: 44px;
}
#leftcontrol ul.subnavl li {
}
#leftcontrol ul li .subnav {
	height: 0;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#leftcontrol ul li #logo{padding:10px 0}
body.open #leftcontrol ul li #logo img{}
#leftcontrol ul li a {
	display: block;
	color: #999;
	padding: 0 25px;
	height: 44px;
	line-height: 44px;
	text-transform: uppercase;
	transition: all ease-out .3s;
}
#leftcontrol ul li.active a,#leftcontrol .active ul.subnavl li.active a,#leftcontrol ul.subnavl li.active a {
	background: #4065b4;
	color: #fff;
}
#leftcontrol .active a.qssub.open {
	color: #fff;
}
#leftcontrol ul.subnavl li.active a i {
	color: #fff;
}
#leftcontrol > ul > li.active .subnavl a {
	background: #000;
	padding-left: 4.4rem;
	color: #A0A0A0;
	font-size: 1.3rem;
}
.subnavl {
	display: none;
	overflow: hidden;
}
#leftcontrol ul.subnavl li a i {
	margin-right: 20px;
	font-size: 1.5rem;
	float: none;
	color: #A0A0A0;
}
#leftcontrol ul li.active a.hassub {
	background: #222324
}
#leftcontrol ul li a span {
	display: inline-block
}#leftcontrol >ul {
    padding-top: 50px;
}
#leftcontrol ul li a span.circle {
	width: 8px;
	height: 8px;
	border: #666 1px solid;
	transition: all ease-out .3s;
	border-radius: 5px;
	margin-right: 20px
}
#leftcontrol ul li.active a span.circle,#leftcontrol ul li.active a.qssub span.circle, #leftcontrol ul li:hover a span.circle, #leftcontrol ul li.active li.active a.qssub span.circle, #leftcontrol ul li.active a.qssub.opten span.circle {
	border-color: #fff;
	background-color: #fff
}
#leftcontrol ul.subnav li a {
	background: #19191A;
	color: #7e7e7e;
}
#leftcontrol ul.subnav li a i {
	margin-right: 20px;
	font-size: 1.5rem;
	color: #3e3e3e;
}
#leftcontrol ul.subnav li.active a {
	background: #060606
}
#leftcontrol ul li a span.more {
	width: 12px;
	height: 12px;
	position: relative;
	float: right;
	top: 15px
}
#leftcontrol ul li a.qssub.open span.more span ,#leftcontrol ul li.active a span.more span.h,#leftcontrol ul li.active a span.more span.v{
	background: #fff;
}
#leftcontrol ul li a span.more span {
	background: #474747;
	position: absolute;
}
#leftcontrol ul li a.qssub span.more span {
}
#leftcontrol ul li a span.more span.h {
	width: 12px;
	height: 2px;
	transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0)
}
#leftcontrol ul li a span.more span.v {
	transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
	-webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
}
#leftcontrol ul li a.qssub.open span.more span.v {
	transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
	-webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
}
#leftcontrol ul.subnavl li a {
	background: #111;
	color: #999;
	padding-left: 48px;
	font-size: 1.3rem;
	overflow: hidden;
}
#leftcontrol ul li a.qssub {
}
#leftcontrol ul li a.qssub.open {
	/*color: #fff;
	background:#0d3484*/
}
#leftcontrol ul li a.qssub.open span.circle {
	/*border-color: #fff;
	background-color: #fff;*/
}
#leftcontrol ul li a.qssub span.circle {    border: #666 1px solid;background:none
}
/*header*/

#header, #headerf {
	width: 100%;
	height: auto;
	background: #080059;
	height: 50px;    
}
.tbox.sec {
	display: block
}
.lcbody {
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: relative;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcbody .lcitem {
	width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
	position: absolute;
	top: 1.2rem;
	right: 0px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	transiting-timing-function: swing;
}
.lcbody .lcitem:before, .lcbody .lcitem:after {
	width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
	content: "";
	position: absolute;
	right: 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing;
}
.lcbody .lcitem:before {
	top: -9px;
}
.lcbody .lcitem:after {
	top: 9px;
}
body.open .lcbody .lcitem {
	width: 0;
}
body.open .lcbody .lcitem:before {
	background-color: #fff;
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
body.open .lcbody .lcitem:after {
	background-color: #fff;
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
#header .btn, #headerf .btn {
	padding: 8px 0.8rem;
	background: transparent;
}
#logo {
	width: 220px;
    height: 30px;
    padding: 10px 0;
    display: block;
    margin: 0px auto;
    vertical-align: middle;
}
#logo img {
	    max-height: 30px;
    max-width: 220px;
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    float: none;
}
.openlc {
	cursor: pointer
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}

/*焦点图*/
#mslider {
	width: 100%;
	min-width: 320px;
	margin: 0px auto 0.4rem;
	background: #fff;
}
#mslider a {
	display: block;
	overflow: hidden
}
.hiSlider {
	overflow: hidden;
	height: auto;
	width: 500px;
	background: #fff;
}
.hiSlider-item {
	float: left;
}
.hiSlider-item img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}
.hiSlider-pages, .hiSlider-title {
	position: absolute;
	z-index: 3
}
.hiSlider-btn-prev, .hiSlider-btn-next {
	position: absolute;
	z-index: 5;
	top: 50%;
	height: 30px;
	width: 30px;
	color: #fff;
	text-align: center;
	/*background:url(http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201512/jiaoben3867/images/hislider-arrow.png) no-repeat;
	text-indent:-200px;*/
	margin-top: -10px;
	overflow: hidden;
	opacity: .6;
 filter: alpha(opacity: 60)
}
.hiSlider-btn-prev .fa-angle-left, .hiSlider-btn-next .fa-angle-right {
	color: #fff;
	margin: 0 auto
}
/*.hiSlider-btn-next .fa-angle-right {
	float: right
}*/
.hiSlider-btn-prev {
	left: 0.8rem;
}
.hiSlider-btn-next {
	right: 0.8rem;/*background-position:-30px 0*/
}
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover {
	opacity: 1;
 filter: alpha(opacity: 100)
}
.hiSlider-title {
	bottom: 0;
	width: 100%;
	padding: 6px 0;
	color: #fff;
	text-indent: 10px;
	background: rgba(0, 0, 0, .6);
	z-index: 2;
	font: 14px/2 "Microsoft YaHei", Arial, Tahoma;
	display: none;
}
.hiSlider-pages {
	bottom: 10px;
	right: 10px;
	display: none;
	text-align: right
}
.hiSlider-pages a {
	height: 12px;
	width: 12px;
	margin: 0 6px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #ddd
}
.hiSlider-pages a.active {
	background: #5472BF
}


/*首页公司概况*/
.mabout .mContent img{width:100%;margin-bottom:0.6rem}
.content {
	text-align: center;
	padding: 1.6rem 0.8rem;
	background: none;
	overflow: hidden;
}
.content p.title {
	color: #333333;
	font-size: 2rem;
	display: inline-block;
	margin-bottom: 0.4rem;
}
.content p.subtitle {
	color: #999999;
	font-size: 1.2rem;
	line-height: 18px;
	padding: 0px 7px;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
}
.mContent {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1.6rem;
	text-align: left;
	color: #666;
	line-height: 2rem;
}
.maboutad img, .ad li img {
	width: 100%;
	display: block
}
.ad {
	padding: 0 0.8rem;
}
.ad li {
	width: 50%;
	float: left
}
#category .label span {
    color: #ddd;
    font-size: 1em;
    line-height: 40px;
    position: absolute;
    right: 40px;
}

/*产品中心样式*/
.mproducts {
	background: #f8f8f8;
	margin-top: 1rem
}
.projectitem {
	width: 49%;
	height: auto;
	position: relative;
	overflow: hidden;
	/*background: #fff;*/
	float: left;
	text-align:center;
	margin-bottom: 2%;
	transition: all ease-out .3s
}
.projectitem:nth-child(2n-1) {
	margin-right: 1%;
}
.projectitem:nth-child(2n) {
	margin-left: 1%;
}
.projectitem a {
	display: inline-block;
	margin:auto;
	overflow: hidden;
}
.projectitem a .img{
	overflow:hidden;
	/*height: 135px;
    width: 190px;*/
	width: 100%;
	height: auto;
    display: table-cell;
    vertical-align: middle;
	margin:0 auto;
    text-align: center;padding-top:1px;}
.projectitem a .img img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	transition: all .3s ease-out 0s;
}
.projectitem:hover a .img img {
	transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
}
.projectitem:hover .project_info .ptitle {
	color: #fff
}
.projectitem .project_info {
	padding: 0rem 0rem;
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	display: block;
	text-align: center;
	width: 100%;
	transition: all ease-out .3s;
}
.projectitem .project_info div{
	border: 1px solid #fff;
	background:#fff;
	transition: all ease-out .3s
	}
.projectitem:hover .project_info  div{
	background: #0d3484;
	border: 1px solid #0d3484;
}
.projectitem .project_info p.ptitle {
	font-size: 1.4rem;
	color: #333;
	font-weight: normal;
	line-height: 30px;
	transition: all ease-out .3s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center
}
.caseitem .case_info p.ptitle {
	background: #aad532;
	line-height: 2.8rem;
	text-align: center;
	color: #fff;
	transition: all ease-out .3s;
}
.img2 .caseitem .case_info p.ptitle {
	background: none;
	color: #333;
	border-bottom: 1px solid #ddd
}
.caseitem:hover .case_info p.ptitle {
	background: #82af06;
}
.projectitem .project_info p.subptitle, .caseitem .case_info p.subptitle {
	transition: all ease-out .3s;
	font-size: 1.3rem;
	color: #999;
	text-align: left;
	line-height: 1.8rem;
}
.caseitem a:hover .case_info p.ptitle {
	color: #fff
}
.projectitem a:hover .project_info p.subptitle, .caseitem a:hover .case_info p.subptitle {
	color: #666;
}


.device {
	position: relative
}
.device .arrow-left {
	z-index: 9999999;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -14px;
	width: 14px;
	height: 14px;
}
.device .arrow-right {
	z-index: 9999999;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -14px;
	width: 14px;
	height: 14px;
}
.device .arrow-left i, .device .arrow-right i {
	color: rgba(190,190,190,0.80)
}
.proci_div{
	padding:2.4rem;text-align: center;
}
.proci_div i{
	margin-top:2rem;
}
.proci_div a{
	display: block;
	overflow: hidden;
}
.pcii_img{
	display: inline-block;
	padding:2.4rem;
	background:#080059;
border-radius:100px;
-moz-border-radius:100px; /* 老的 Firefox */
}
.pci_text h2{
	font-size: 1.6rem;
	padding:1.4rem;
}
.pci_text p{
	text-align: left;
	line-height: 2rem;    padding: 0 1.4rem;
}
/*更多*/

.mtmore {
	border-radius: 0;
	transition: all 0.5s;
	position: relative;
	width: 92%;
	margin: 2rem auto 0;
	display: block;
	text-align: center
}
.mtmore::before, .mtmore::after {
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	top: 0;
	left: 0;
	height: 42px;
}
.mtmore::after {
	background: transparent;
	webkit-transform: scale3d(0.7, 0.7, 1);
	transform: scale3d(0.7, 0.7, 1);
}
.mtmore:hover::after {
	transform: scale3d(1, 1, 1);
	background: #0d3484
}
.mtmore::before {
	border: 1px solid #ddd;
}
.mtmore:hover::before {
	webkit-transform: scale3d(0.7, 0.7, 1);
	transform: scale3d(0.7, 0.7, 1);
	border-color: transparent
}
.mtmore span {
	color: #0d3484;
	line-height: 44px;
	text-align: center;
	font-size: 1.4rem;
	font-family: Arial, "微软雅黑";
	position: relative;
	z-index: 2;
}
.mtmore:hover span {
	color: #fff;
}

/*分类导航*/

#category {
	min-height: 40px;
	position: relative;
}
#category .label {
}
.plr20 {
	padding: 0 0.8rem 0 0;
}
.text {
	color: #fff;
	padding: 0rem 0.8rem;
	font-weight: bold;
	line-height: 40px;
	/*border-bottom: 3px solid #0d3484;
	margin-bottom:-3px;
	width:auto;
	display:inline-block;*/
	font-size: 1.6rem
}
.history {
	color: #fff;
}
.history .fa-angle-left {
	margin-top: 6px;
	margin-right:0.8rem;
}
.dropmenu .label .down {
	float: right;
	font-size: 2.4rem;
	color:#ddd;
	margin-top: 8px
}
.dropmenu.open .label .down {
	transform: rotate(180deg);
}
.dropmenu .cul {
	width: 100%;
	display: none;
	z-index: 1;
	position: absolute;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.dropmenu .cul li {
	width: 100%;
	height: auto;
	border-bottom: #eeeeee 1px solid;
}
.dropmenu .cul li a {
	padding: 0rem 2rem;
	color: #666;
	display: block;
	background:#f7f7f7;
	line-height: 40px;
	font-size: 1.4rem
}
.dropmenu .cul li a.active {
	background: #b0afb9;
	color: #fff;
}
.fa-angle-down:before {
	content: "\f107";
}
.transform {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


/*主题区域*/
.pubBox {
}
.pubBox .hd {
	background: #93929d;
}
.pubBox .hd h2 {
	width: 95%;
	padding-left: 10px;
	font-size: 1.125em;
	position: relative;
	text-align: left;
	font-weight: bold;
	color: #2d70c3;
}
.pubBox .ft {
	padding: 0.8rem;
	line-height: 2.1rem;
	color: #666;
	clear: both;
	display: block;
	overflow: hidden;
	background: #fff;
}
.pubBox .ft img{max-width:100%;}
.projectitems a .pimg{width:160px;height:auto;margin:0 auto;}
.projectitems a .img{/*height:145px;width:190px;*/width:100%;display:table-cell;vertical-align:middle;margin:0 auto;text-align:center;*display:block;*font-size:120px;*font-family:Arial;}
.projectitems:hover a .img img {
	transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
}
.projectitems:hover .project_info div {
    background: #0d3484;
}
.projectitems a .img img{vertical-align:middle;transition: all .3s ease-out 0s;}
.pubBox .ft .img.l img {
	height: 125px;
}
.pubBox .ft .info {
	line-height: 1.6em;
	color: #333;
}
.pubBox .ft .list li {
	line-height: 2em;
	border-bottom: solid 1px #eceef0;
	box-shadow: 0 1px 1px #fbfbfb;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	white-space: normal;
	overflow: hidden;
	color: #333;
}
.pubBox .ft .img li {
	float: left;
	width: 33.3%;
}
.pubBox .ft .img li a {
	border: 1px solid #f5f5f5;
}
.pubBox .ft .img li img {
}
.pubBox .ft .img2 li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.pubBox .ft .img2 li a.imgarea {
	display: block;
	border: 1px solid #f5f5f5;
}
.pubBox .ft .img2 li p {
	height: 40px;
	overflow: hidden;
}
.pubBox .ft .img2 li p a {
	color: #333;
}
.ft.page {
	background: #f6f6f6;
	padding: 0.4rem;
}
/*.ft.page .projectitems {
	width: 50%;
	background: none;
	float: left;
	margin: 0;
	border: none;
}*/
.ft.page .projectitems a {
	background: #fff;
	/*margin: 0.4rem;*/
	display: block;
	overflow: hidden;
	text-align: center
}
.ft.page .projectitems a .project_info div{
	margin: 0;transition: all .3s ease-out 0s;
}
.ft.page .projectitems a .project_info .ptitle {
	line-height: 30px;
	height: 30px;
	text-align:center;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .3s ease-out 0s;
}
.ft.page .projectitems:hover a .project_info .ptitle{color:#fff;}
.ft.page .projectitems a .project_info .price, .i_price {
	color: #e92d24;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 0.8rem;
}
.i_price {
	border-bottom: 1px solid #eee;
	margin-bottom: 0.8rem;
	display: block;
	overflow: hidden;
	padding-bottom: 0.8rem;
}
.ft.page .projectitems a .project_info .price r {
	font-size: 1.2rem
}


.goChannel{height:52px;line-height:52px;text-align:center;}
.goChannel span{height:22px;line-height:22px;background:url(../images/mobile/icon.png) right 0px no-repeat;background-size:22px 22px;display:inline-block;color:#b3b5b9;padding-right:27px;margin:15px 0;}
.goChannel span{background:url(../images/mobile/icon_on.png) right 0px no-repeat;background-size:22px 22px;}
.p_img.c{    display: inline-block;
        padding: 2rem;
    background:#080059;
    border-radius: 10px;}
.ft.page .projectitems a.casea{background: none;}

/*页脚区域*/
.footer {
	background: #555;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 65px;
}
.footer .copyRight {
	padding: 0.8rem 1.2rem;
	line-height: 1.6rem;
	text-align: left;
	color: #ececec;
	font-size: 1.2rem
}
.footer .copyRight a {
	color: #ececec;
}
.footer .topBtn a{width:20px;height:19px;background:url(../images/mobile/top.png) no-repeat;background-size:20px 19px;position:absolute;bottom:10px;right:10px;}

/*分享*/
.bdsharebuttonbox {
	margin: 1rem 0 0.8rem;
	background: #f0f0f0;
	padding: 0.4rem 0.8rem;
	overflow: hidden
}
.bdsharebuttonbox .qytext {
	float: left;
	font-size: 1.6rem;
	line-height: 24px;
	margin: 6px 6px 6px 0
}

/*详细内容*/
.subCont{margin-top:10px;}
.subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;font-weight:normal;color:#000}
.subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px dotted #ddd;border-left:none;border-right:none;color:#999;font-size:1.2rem;}
.subCont .continfo span{color:#999;}
.subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;}
.subCont .contimg a img{border:1px solid #ccc;padding:1px;}
.subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;}
.subCont .conttxt{color:#666;}


/*内容分页*/
.contPage{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.contPage a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.contPage a.on{color:#fff;border:1px solid #898989;background:#898989;}


/*列表分页*/
.page_info{text-align:center;margin:10px 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}

.tbox,.top_hnc.on .find_nav,.top_hnc{
	width: 33px;
	float: right;
	position: fixed;
	right: 0px;
	top: 0px;
	position: fixed;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	_margin-bottom: 15px;
	/*display: none;*/
	z-index: 99;
	-webkit-overflow-scrolling: touch;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

/*解决IE6下不兼容 position:fixed 的问题*/
.top_hnc.on .find_nav{float:none;left:0;top:50px;width:100%;}
.top_hnc{width:100%;height:50px;}
.top_hnc.on{width:100%;height:95px;}

.tbox.t_open {
	-webkit-transform: translate3d(260px, 0, 0);
	-moz-transform: translate3d(260px, 0, 0);
	-ms-transform: translate3d(260px, 0, 0);
	-o-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0);
}


/*资讯列表*/

.news_list2 li:hover a span.hits {
	color: #666
}
.news_list2 li:hover a .news_c span.desc {
	color: #333;
	text-decoration: none
}
.news_list2 li {
	overflow: hidden;
	line-height: 25px;
	padding: 0.8rem;
	color: #a0a0a0;
	transition: all ease-out .3s;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.news_list2 li a.cat {
	float: left;
}
.news_list2 li:nth-child(2n-1) {
	margin-left: 0;
    background: #f9f9f9;
}
.news_list2 li:hover {
	background:#f7f7f7;
	cursor: pointer;
	padding-left: 0.8rem;
	border-bottom:1px solid rgba(0,0,0,0.05)
}
.news_list2 li:last-child {
	margin-bottom: 0.4rem
}
.news_list2.news li a .news_c,.news_list2.news .news_c span.title{
	width:75%;float:left}
.news_list2 li a span.title {
	color: #333;
	font-size: 1.5rem;
	font-weight:bold;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all 0.2s ease-out 0s;
}
.news_list2 li a span.n_time{float:right;color:#999}
a .news_c span.desc {
	color: #999;
	margin-top:0.4rem;
	font-size: 1.3rem;
	line-height: 21px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.2s ease-out 0s;
}
.news_list2 li:hover a span.title {
	text-decoration: none;
	color: #0d3484;
}
.news_list2 li:hover a.cat, .news_list2 li:hover .n_time
{color:#666}
.news_list2 li:hover span.time {
	padding-left: 0px;
	color: #999;
}
.news_list2 li span.time {
	float: left;
	color: #d5d5d5;
	margin-top: 15px;
	height: 57px;
	width: 85px;
	text-align: center;
	padding-right: 15px;
	font-family: "HELVETICANEUELTPRO-THEX", Arial;
	transition: all ease-out .3s;
}
.news_list2 li span.time span {
	display: block;
	font-size: 3.6rem;
}
.news_list2 li span.time i {
	display: block;
	font-size: 1.2rem;
	font-style: normal;
	text-align: center
}
.news_list2 li span.hits {
	color: #bbb;
	font-size: 12px;
	display: block;
}
.news_list2 li span.hits .fa-clock-o {
	color: #bbb;
	font-size: 1.2rem;
	margin-right: 0.4rem;
}
.news_list2 li span.class {
	margin-left: 12px;
}
.news_list2 li span.class a {
	text-decoration: underline;
	color: #a0a0a0;
}


/*留言*/

.mes_list {
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    display: block;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    background: url(../images/addimg/list_tbg.jpg) left top repeat-x;
    font-family: "微软雅黑";
    padding-left: 10px;
}
.msgtitle {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0.8rem;
	line-height: 1.4rem;
}
.msgtitle span {
	font-family: arial;
	color: #bbb;
	font-size: 12px;
	font-weight: normal;
	display: block
}
.message_block {
	color: #666;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.message_block p {
	/*padding: 10px;*/
	font-family:"微软雅黑"
}
.msg_input, .messageform .inputxt, .gray {
	width: 95%;margin:0 auto;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fff;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
}
.messageform .inputxt.msg_input_on, .messageform .inputxt.Validform_error.msg_input_on, .msg_input_on {
	width: 95%;margin:0 auto;
	border: 1px solid #aeefb9;
	background: #f1fff3;
	padding: 8px 9px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333;
}
.messageform .inputxt.Validform_error {
	background: #ffeeef;
	border: 1px solid #ffb9be;
}
.message_labes {
	font-size: 14px;
}
.message_title {   
	height: 34px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-width: 3px;
    padding: 0 12px;
}
.mb_right p {
	line-height:1.6rem;
	/*margin-left: 40px;*/
}.mr_top {
    background: url(../images/addimg/mr_top.png) left top no-repeat;
    position: absolute;
    width: 14px;
    height: 9px;
    left:40px;
    top: -9px;
}
.message_title h2 {
    color: #305798;
    font-size: 14px;
    float: left;
}.message_title .fa-user, .message_replay .fa-comments-o {
    font-size: 1rem;
    margin-right: 5px;
    color: #666;
}
.message_title span {
	font-family:"微软雅黑", arial;margin-left: 10px;
    color: #999;
    font-size: 12px;
}
.message_info {
	color: #666;
    text-align: left;
    font-family: arial;
    /*float: left;*/
    font-size: 14px;
    width: auto;
	display:block;
	clear:both;
    margin: 10px 8px 15px 10px;
}
.message_replay {
	clear:both;
	background: #f9f9f9;
    border: 1px solid #ededed;
    padding: 5px 10px;
    font-size: 12px;
    width: 96%;
    position: relative;
    margin: 10px auto 0;
}
.msg_btn_area {
	margin: 0.6rem 0;
	text-align: left;
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 25px;
	background: #47a24b;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	transition: all ease-out .3s;
}
.msg_btn_area a:hover {
	text-decoration: none;
	background: #F60
}
.msgflag {
	margin-left: 4px;
	font-size: 12px;
	color: #900;
}
.Validform_checktip {
	color: #999;
	font-size: 1.2rem
}
.Validform_wrong {
	color: #f00
}
.Validform_right {
	color: green
}
.table {
	border: 1px solid #c5d0d6;
	padding: 0;
	margin: 0 auto;
	border-collapse: collapse;
	width: 100%;
}
.table td {
	background: #f7f7f7;
	font-size: 14px;
	padding: 5px 3px 5px 8px;
	color: #666;
	border: 1px solid #fff;
}
.mb_right {
	float: right;
    width: 90%;
}
.mb_lc {
    font-size: 24px;
    font-family: arial;
    position: absolute;
    top: 10px;
    left:0px;
    color: #999;
}
s{    color: #c50819;
    font-weight: bold;
    font-family: HELVETICANEUELTPRO-THEX, arial;
    text-decoration: none;}

.message_title i {
    color: #ccc;
    font-weight: normal;
    font-size: 12px;
}.message_replay strong {
    color: #305798;
    display: block;
	font-size:1.4rem;
    margin-bottom: 5px;
}.message_replay i {
    color: #009ae0;
    font-weight: normal;
    font-size: 14px;
}
/*==========以下部分是Validform必须的===========*/

textarea {
	overflow: auto;
	resize: none;
}
.Validform_checktip {
	color: #999999;
	font-size: 12px;
	line-height: 1.5rem;
	margin-left: 8px;
	word-break: break-all; /*支持IE，chrome，FF不支持*/
	　　word-wrap: break-word;/*支持IE，chrome，FF*/
}
.Validform_right {
	background: url("http://validform.rjboy.cn/demo/images/right.png") no-repeat scroll left center transparent;
	color: #71B83D;
	padding-left: 20px;
}
.Validform_wrong {
	background: url("http://validform.rjboy.cn/demo/images/error.png") no-repeat scroll left center transparent;
	color: red;
	padding-left: 20px;
}
.Validform_loading {
	background: url("http://validform.rjboy.cn/demo/images/onLoad.gif") no-repeat scroll left center transparent;
	padding-left: 20px;
}
.Validform_error {
	background-color: #FFE7E7;
}
#Validform_msg {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
	color: #7D8289;
	display: none;
	font: 12px/1.5 tahoma, arial, 宋体, sans-serif;
	position: absolute;
	right: 50px;
	top: 0;
	width: 280px;
	z-index: 99999;
}
#Validform_msg .iframe {
	left: 0;
	position: absolute;
	top: -1px;
	z-index: -1;
}
#Validform_msg .Validform_title {
	background: -moz-linear-gradient(center top, #999999, #666666 100%) repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0 8px;
	position: relative;
	text-align: left;
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
	color: #FFFFFF;
	line-height: 22px;
	position: absolute;
	right: 8px;
	text-decoration: none;
	top: 0;
}
#Validform_msg a.Validform_close:hover {
	color: #CCCCCC;
}
#Validform_msg .Validform_info {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color #BBBBBB #BBBBBB;
	border-image: none;
	border-right: 1px solid #BBBBBB;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	padding: 8px;
	text-align: left;
}
.messageform .info {
	margin-left: 8px;
	border: 1px solid #ccc;
	padding: 1px 20px 1px 10px;
	background: #ffffff;
	color: #666;
	float: left;
	position: relative;
	display: none;
	line-height: 20px;
}
.gray {
	color: #bbb!important;
}
.messageform td {
	padding: 5px 0;
	vertical-align: middle;
}
.messageform textarea {
	height: 75px;
}
.messageform label {
	margin: 0 15px 0 4px;
}
.messageform .tip {
	color: #5F6A72;
	line-height: 20px;
}.open .call {
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
}
.call {
	width: 100%;
	text-align: center;
	position: fixed;
	border-top: 1px solid #ddd;
	bottom: 0;
	z-index: 9;
	-webkit-overflow-scrolling: touch;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.call li {
	float: left;
	width: 33.33333333%
}
.call li a {
	background: #eee;
	display: block;
	padding: 1rem 0;
	border-left: 1px solid #ddd;
}
.call li:first-child a {
	border-left:none;
}
.call span {
	font-size: 1.2rem;
	width: 100%;
	text-align: center;
	display: block;
}


/*大图样式*/
.picarr,.showimg.pro{position:relative;margin:0px auto;width:100%;overflow:hidden;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:100%;margin-top:16px;padding:0px;background:#ffff;text-align:center;}
.picarr .preview li{margin:4px;display:inline-block;}
.picarr .preview li a{width:78px;height:42px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:2px solid #da251d;}
.t_desc{color:#999999;line-height:20px;}
.t_taobao{background:#da251d;padding:5px 15px;color:#fff;display:inline-block;margin-top:30px;}
.t_taobao:hover{background:#c31810;color:#fff;}
.pro_img .proitem_imgs {width:170px;height:98px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:70px;*font-family:Arial;overflow:hidden;}
.pro_img .proitem_imgs img{vertical-align:middle;margin:auto;transition: all ease-out .4s}
.t_desc{padding:1.2rem 0;border-bottom:1px dotted #ededed;margin-bottom:1.2rem;display:block}
.t_taobao{margin:1.2rem 0;}



.case-list {
	/*margin-left: -10px;*/
}
.case-list .case-bd {
	position: relative;
	/*margin-left: 10px;*/
	margin-top: 5px;
}
.case-list .c_item, .case-list .additem,.projectitems {
	position: absolute;
	background: transparent;
	padding: 0px;
	top: 0;
	width:46%;
	float:left;
	left: 40%;
	overflow:hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.case-list .hover {
	box-shadow: 0px 1px 8px rgba(200,200,200,.6);
	background-color: #fff;
	border-color: #c8c8c8;
}
.case-list .additem {
	padding: 0;
	width: 240px;
	border: none;
}
.case-list .c_item h3 {
	font-size: 42px;
	color: #666;
	font-family: arial;
	font-weight: bold;
	line-height: .8;
	margin-bottom: 20px;
}
.case-list .c_item p {
	margin-bottom: 0px;
}
.c_item a,.caseitem_wrapper {
    display: block;
    overflow: hidden;
}
.c_item a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c_item a:hover img {
    transform: scale(1.2, 1.2);
}
.c_item a .case_info {
    width: 90%;
    height: 90px;
    left: 5%;
    bottom: -92px;
    top: auto;
	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-top: 1px solid rgba(255, 255, 255, .4);
	visibility:hidden;
}
.c_item a:hover .case_info {
    bottom: 30px;
    background: rgba(217, 35, 23, .50);
	visibility:visible;
}
.c_item a .case_info div {
    margin: 20px;
    width: auto;
    position: relative;
}
.c_item a .case_info p {
    text-align: left;
    color: #fff;
    padding: 0;
}
.c_item a .case_info p.title {
    margin: 0;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: rgba(0,0,0,0);
    font-size: 16px;
    transition: all ease-out .3s;
}
.c_item a:hover .case_info p.title {
    margin-top: 0px;
    color: #fff;
    font-size: 16px;
}
.c_item a .case_info .description {
    background: transparent;
    display: block;
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
	color: rgba(0,0,0,0);
    width:100%;
	font-size:12px;
    /*position: absolute;
    bottom: 14px;*/
}
.c_item a:hover .case_info p.description {
    color: rgba(255, 255, 255, .6);
}
.p_about{padding:0.6rem;}




.mbusiness{background: #f8f8f8;}
.areas_box {
	text-align: center;
	/*padding: 30px 0;*/
	display: block;
	transition: all ease-out .4s
}
.areas_box:hover {
	/*background: #1550a2;
	color: #fff;*/
}
.areas_box .areas_info .title {
	font-size: 1.4rem;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.areas_box .areas_info .subtitle {
	font-size: 12px;
}
.areas_box:hover .areas_info .title,.areas_box:hover .areas_info .subtitle{color:rgba(0,115,209,1.00)}
.areas_box .areas_img {
	background-color:rgba(239,100,102,1.00);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align:center;
	margin: 0 auto 0.4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
 .swiper-slide:nth-child(1) .areas_box .areas_img{background-color:#70c061}
 .swiper-slide:nth-child(2) .areas_box .areas_img{background-color:#6cb5d8}
 .swiper-slide:nth-child(3) .areas_box .areas_img{background-color:#e57373}
 .swiper-slide:nth-child(4) .areas_box .areas_img{background-color:#f5ad49}
 .swiper-slide:nth-child(5) .areas_box .areas_img{background-color:#3A7EDB}
 .swiper-slide:nth-child(6) .areas_box .areas_img{background-color:#BA60CD}
 .swiper-slide:nth-child(7) .areas_box .areas_img{background-color:#E9CF44}
 .swiper-slide:nth-child(8) .areas_box .areas_img{background-color:#24AF8F}
 .swiper-slide:nth-child(1) .areas_box .areas_img.adviser i.fa:before{content: "\f19c";}
 .swiper-slide:nth-child(2) .areas_box .areas_img.adviser i.fa:before{content: "\f03e";}
 .swiper-slide:nth-child(3) .areas_box .areas_img.adviser i.fa:before{content: "\f2b5";}
 .swiper-slide:nth-child(4) .areas_box .areas_img.adviser i.fa:before{content: "\f200";}
 .swiper-slide:nth-child(5) .areas_box .areas_img.adviser i.fa:before{content: "\f094";}
 .swiper-slide:nth-child(6) .areas_box .areas_img.adviser i.fa:before{content: "\f1ea";}
 .swiper-slide:nth-child(7) .areas_box .areas_img.adviser i.fa:before{content: "\f0c0";}
 .swiper-slide:nth-child(8) .areas_box .areas_img.adviser i.fa:before{content: "\f19d";}.areas_box .areas_img.adviser {
	background-position: 0 0px
}
.areas_box .areas_img.adviser i{
	color:#fff;
	font-size:3rem;
	vertical-align:middle;	
	}
.areas_box .areas_img.agent {
	background-position: -36px 0px
}
.areas_box .areas_img.dispute {
	background-position: -72px 0px
}
.areas_box .areas_img.contract {
	background-position: -108px 0px
}
.areas_box .areas_img.Proxy {
	background-position: -144px 0px
}
.areas_box:hover .areas_img.adviser {
	background-color:rgba(0,115,209,1.00)
}
.areas_box:hover .areas_img.agent {
	background-position: -36px -35px
}
.areas_box:hover .areas_img.dispute {
	background-position: -72px -35px
}
.areas_box:hover .areas_img.contract {
	background-position: -108px -35px
}
.areas_box:hover .areas_img.Proxy {
	background-position: -144px -35px
}