body, html {
	overflow: hidden;
	overflow-y: auto
}
div[class*=container], section[class*=container], ul[class*=container] {
	margin: 0 auto
}
.wapNavBtn{    display: none;}
@media (max-width:1240px) {
div[class*=container], section[class*=container], ul[class*=container] {
	min-width: 100%;
	width: 100%;
	max-width: 100%
}
}
.container_banner {
	width: 1200px;
	position: relative
}
@media (max-width:1240px) {
.container_banner {
	padding: 0 2%
}
}
.container_moment {
	width: 1220px
}
.container_case {
	width: 1230px
}
.container_feature {
	width: 1220px
}
.title {
	text-align: center
}
.title h3 {
	font-size: 4.2em;
	color: #000;
	margin-bottom: 15px
}
.title p {
	text-transform: uppercase;
	font-size: 1.8em;
	color: #e75c1e
}
@media (max-width:1500px) {
.title h3 {
	font-size: 3.8em
}
}
@media (max-width:768px) {
.title h3 {
	font-size: 34px;
	margin-bottom: 10px
}
}
@media (max-width:500px) {
.title h3 {
	font-size: 28px;
	margin-bottom: 5px
}
.title p {
	font-size: 16px
}
}
@media (max-width:360px) {
.title h3 {
	font-size: 24px;
	margin-bottom: 5px
}
.title p {
	font-size: 14px
}
}
.title2 {
	text-align: center
}
.title2 h2 {
	font-size: 30px;
	color: #ec6c49;
	display: inline-block;
	position: relative
}
.title2 h2:after, .title2 h2:before {
	content: '';
	position: absolute;
	width: 48px;
	height: 1px;
	background: #f19d78;
	top: 56%
}
.title2 h2:after {
	right: -75px
}
.title2 h2:before {
	left: -75px
}
@media (max-width:768px) {
.title2 h2 {
	font-size: 34px
}
}
@media (max-width:500px) {
.title2 h2 {
	font-size: 28px
}
}
@media (max-width:360px) {
.title2 h2 {
	font-size: 24px
}
}
.base-color {
	color: #ec6c49
}
.case-list .case-box {
	width: 382px;
	display: inline-block
}
.case-list .pro {
	width: 100%;
	height: 215px
}
.case-list .desc {
	text-align: left;
	width: 100%;
	height: 66px;
	background: #e75c1e;
	line-height: 66px;
	color: #fff;
	font-size: 18px;
	padding-left: 25px;
	position: relative
}
.case-list .desc .more {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -14px;
	width: 27px;
	height: 27px;
	background: url(../img/more.png) no-repeat center
}
header {
	position: relative
}
header.fix {
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 2px 1px #417cb5
}
.header-in {
	z-index: 100;
	width: 100%;
	height: 90px;
	top: 0
}

.moible_hy {
	display: none
}
.m-close {
	display: none
}
.header-r {
	float: right;
	position: relative;
	z-index: 10;
	font-size: 0
}
nav.nav-top {
	display: inline-block;
	margin-top: 36px;
	vertical-align: top
}
nav.nav-top>ul>li {
	position: relative;
	display: inline-block;
	margin-left: 45px;
	line-height: 16px;
	height: 37px;
	font-size: 16px;
	vertical-align: top
}
nav.nav-top>ul>li::after {
	content: ' ';
	position: absolute;
	left: auto;
	bottom: 0;
	width: 0;
	right: 0;
	height: 3px;
	background: #f6712e;
	transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s
}
nav.nav-top>ul>li.cur::after, nav.nav-top>ul>li:hover::after {
	width: 100%;
	left: 0;
	right: auto
}
.top-sub-menu {
	display: none;
	position: absolute;
	top: 37px;
	left: -35px
}
nav.nav-top>ul>li a {
	color: #000;
	font-size: 16px;
	transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	-webkit-transition: all .35s;
	-moz-transition: all .35s
}
nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a {
	color: #f6712e
}
.top-sub-menu>a {
	color: rgba(255,255,255,.8)!important;
	font-size: 14px!important;
	line-height: 46px;
	display: block;
	text-align: center;
	width: 134px;
	background: #f6712e;
	border-bottom: 1px solid rgba(255,255,255,.26)
}
.top-sub-menu>a:hover {
	color: #fff;
	background: #ca3f11
}
.banner_info .inside-nav-one {
	width: 50%
}
.inside-banner img {
	max-width: 100%;
	height: auto
}
.inside-banner {
	position: relative;
	
}
.inside-banner .banner-img {
	height: 100%;
	width: 100%
}
.banner-desc {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	color: #fff
}
.banner-desc h2 {
	font-size: 56px;
	margin-bottom: 20px
}
.banner-desc p.desc {
	font-size: 16px
}
@media (max-width:1560px) {
.inside-banner .banner-img {
	background-position: 72%!important
}
}
@media (max-width:1240px) {
.inside-banner .banner-desc {
	left: 2%;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%)
}
.inside-banner .banner-img {
	background-position: 72%!important
}
}
@media (max-width:768px) {
.inside-banner {
	    height: auto;

}
.inside-banner .banner-desc {
	top: 40%;
	width: 50%
}
.inside-banner .banner-desc h2 {
	font-size: 36px;
	margin-bottom: 10px
}
.inside-banner .banner-desc p {
	font-size: 16px
}
}
@media (max-width:500px) {
.inside-banner .banner-desc {
	top: 40%
}
.inside-banner .banner-desc h2 {
	font-size: 32px;
	margin-bottom: 5px
}
.inside-banner .banner-desc p {
	font-size: 16px!important
}
.inside-banner .banner-img {
	background-position: 67%!important
}
}
.inside-nav {
	background:#f3f3f3;
	padding:40px 0;
	font-size: 0;
	width:100%;
	overflow:hidden;
	bottom:0;
}
.inside-nav-one {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: auto;
	padding:0 13px;
	margin:5px;
	float:left;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #d4592e;
	transition: .3s
}
.inside-nav-one.cur, .inside-nav-one:hover {
	background: #fff
}
.inside-nav-one a {
	display: block;
	color: #fff;
	transition: .3s
}
.inside-nav-one.cur a, .inside-nav-one:hover a {
	color: #d55a2d
}
.textprenext {
	margin-top: 20px;
	line-height: 30px
}
.textprenext a {
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.textprenext a:hover {
	color: #e75c1e
}
.share {
	float: right;
	margin-top: 25px
}
.msg {
	position: fixed;
	z-index: 99;
	right: 30px;
	bottom: 10%;
	width: 100px;
	height: 40px;
	background: #e7e7e7;
	border-radius: 30px;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}
.msg .desc {
	font-size: 12px;
	color: #e75c1e
}
.msg .icon {
	width: 24px;
	height: 24px;
	background: url(../img/msg.png) no-repeat center/contain;
	margin-right: 5px
}
.pc_msg {
	display: none;
	position: fixed;
	right: 0;
	bottom: 5%;
	background: #fff;
	border: 1px solid #e75c1e;
	z-index: 99;
	padding: 20px 0 15px 15px
}
.pc_msg .msg_title {
	position: absolute;
	top: -1px;
	left: -31px;
	width: 30px;
	background: #e75c1e;
	color: #fff;
	padding: 24px 9px 5px 9px;
	cursor: pointer
}
.pc_msg i {
	position: absolute;
	left: -23px;
	top: 6px;
	z-index: 11;
	color: #fff;
	font-size: 14px
}
.pc_msg .msg_input {
	margin-bottom: 10px
}
.pc_msg .msg_input span {
	width: 39px;
	display: inline-block;
	text-align: right
}
.pc_msg .msg_input input {
	border: 1px solid #ffb898;
	padding-left: 5px
}
.pc_msg .msg_input textarea {
	height: 80px;
	border: 1px solid #ffb898;
	padding-left: 5px
}
.pc_msg .msg_input input[name=verfiycode] {
	width: 75px;
	display: inline-block;
	vertical-align: middle
}
.pc_msg .msg_input .captcha2 {
	width: 100px;
	display: inline-block;
	vertical-align: middle
}
.pc_msg .msg_input .captcha2 img {
	max-width: 100%;
	height: 21px
}
.pc_msg button {
	border: 0;
	background: #e75c1e;
	color: #fff;
	padding: 3px 45px;
	border-radius: 3px;
	font-size: 12px;
	margin: 15px auto 0;
	display: block
}
.aside-nav {
	position: fixed;
	right: 30px;
	top: 30%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 11
}
.aside-nav-close {
	margin: 0 auto;
	width: 17px;
	height: 17px;
	line-height: 15px;
	background: #e75c1e;
	border-radius: 50%;
	text-align: center;
	visibility: visible;
	cursor: pointer
}
.aside-nav-in.close {
	transform: translateX(100px);
	visibility: hidden;
	transition: .3s
}
.aside-nav-one {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #e75c1e;
	border-radius: 50px;
	text-align: right
}
.aside-nav-one-img {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 40px;
	height: 40px;
	text-align: center;
	transition: .3s
}
.aside-nav-one-img img {
	width: 22px
}
.more-width:hover .aside-nav-one-img {
	left: -73px
}
.more-width-call:hover .aside-nav-one-img {
	left: -155px
}
.aside-nav-one-desc {
	position: absolute;
	right: 0;
	padding-right: 16px;
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	background: #e75c1e;
	color: #e75c1e;
	border-radius: 50px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s, color .1s
}
.more-width:hover .aside-nav-one-desc {
	width: 125px;
	color: #fff;
	transition: .3s
}
.more-width-call:hover .aside-nav-one-desc {
	width: 200px
}
.aside-nav-one-qrcode {
	position: absolute;
	left: -200px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s
}
.aside-nav-one:hover .aside-nav-one-qrcode {
	left: -140px;
	opacity: 1;
	visibility: visible
}
.fenye {
	text-align: center
}
.fenye a {
	color: #acacac;
	display: inline-block;
	width: 100%;
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.fenye {
	text-align: center
}
.fenye a {
	color: #acacac;
	display: inline-block;
	width: 100%;
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.fenye span {
	float: left;    margin-left: 10px;
}
.fenye .pagination {
	display: inline-block
}
.fenye .pagination li.cur {
	width: auto;
}
.fenye .pagination li {
	display: inline-block;
	font-size: 18px;
	margin-right: 5px;
	color: #acacac;
	transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s
}
.fenye .pagination li span{padding:5px 10px;border:1px solid #333;color:#333;}
.fenye .pagination .active a{color:#fff !important;}
.fenye .pagination li a{color:#333;}
.fenye .pagination li a:hover{color:#e75c1e;}
.fenye .pagination li:hover {
	
}
.fenye .pagination li:hover{
	color: #fff;
	
	
}
.fenye .pagination li:hover span {
	color: #000
}
.fenye .pagination li:hover.disabled {
	border-color: #3eb296
}

.page span {
}
.page .pagination {
	display: inline-block
}
.page .pagination li.cur {
	width: auto;
}
.page .pagination li {
	display: inline-block;
	font-size: 18px;
	margin-right: 5px;
	color: #acacac;
	transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s
}
.page .pagination li{padding:5px 10px;border:1px solid #333;color:#333;}
.page .pagination li a{color:#333;}
.page .pagination li:hover {
	
}
.page .pagination li:hover{
	color: #fff;
	padding:5px 10px;
	background: #333;
}
.page .pagination li:hover span {
	color: #fff
}
.page .pagination li:hover.disabled {
	border-color: #3eb296
}
.page .pagination .active{
	background: #333;
	color:#fff;
}
.page .pagination li.active span {
	color: #fff
}
footer {
	font-size: 1em;
	padding-top: 1%;
	width: 100%;
	background: #2b2b2b;
	min-width: 1200px
}
.part-1 {
	max-width: 1200px;
	width: 100%;
	margin: 2.5% auto
}
.footer-nav {
	float: left;
	width: 66.5%
}
.item-common {
	float: left;
	width: 16.667%;
	text-align: left;
	transition: all linear .3s;
	-moz-transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s
}
.item-common span {
	font-weight: lighter;
	display: inline-block;
	font-size: 16px;
	color: rgba(230,230,230,.5);
	padding-bottom: 15px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(230,230,230,.5)
}
.item-common a {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
	color: rgba(230,230,230,.7);
	word-break: break-all;
	transition: .2s all linear;
	-moz-transition: .2s all linear;
	-webkit-transition: .2s all linear;
	-o-transition: .2s all linear
}
.item-common a:hover {
	color: #fff
}
.footer-icon {
	width: 20%;
	float: left
}
.footer-icon .phone p {
	font-size: 1.6em;
	color: #ad1e1a
}
.footer-icon .phone p span {
	font-size: 12px
}
.footer-icon .phone strong {
	font-size: 1.4em;
	color: #d0d0d0;
	font-weight: 400
}
.footer-icon .mail i, .footer-icon .phone i {
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-top: 1px
}
.footer-icon .phone i {
	background: url(../img/phone-icon.png) no-repeat
}
.footer-icon .mail i {
	background: url(../img/location-icon.png) no-repeat;
	margin-top: 7px
}
.footer-icon .mail {
	margin-top: 10px
}
.footer-icon .mail p {
	color: #d0d0d0;
	font-size: 1.6em
}
.footer-icon .mail strong {
	color: #d0d0d0;
	font-size: 1.4em;
	font-weight: 400;
	float: left;
	width: 87%;
	line-height: 30px
}
.wechat {
	display: inline-block
}
.wechat .others p {
	font-size: 14px;
	color: #9e9e9e;
	margin-bottom: 18px
}
.wechat .ewm {
	margin-left: 45px;
	margin-top: 10px
}
.wechat .address {
	font-size: 14px;
	color: #9e9e9e;
	margin-bottom: 18px
}
.copyright {
	background: #2b2b2b;
	border-top: 1px solid #5d5d5d
}
.copyright-box {
	margin: 0 auto 0;
	width: 1200px;
	max-width: 100%;
	padding: 30px 0
}
.copyright ul {
	float: left
}
.copyright-list {
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 52px
}
.copyright-list a {
	color: #555;
	border-right: 1px solid #555;
	padding: 0 15px
}
.copyright-list a:hover {
	text-decoration: underline
}
.copyright-list:nth-child(1) a {
	padding-left: 0
}
.copyright p {
	font-size: 14px;
	color: #9e9e9e;
	margin-left: 15px;
	display: inline-block
}
.copyright p a {
	font-size: 14px;
	color: #9e9e9e
}
.copyright span {
	font-size: 14px;
	color: #9e9e9e
}
.copyright span a {
	font-size: 14px;
	color: #9e9e9e
}
.frend-item {
	float: right
}
.frend-list {
	float: left;
	margin-right: 10px;
	color: #9e9e9e;
	font-size: 14px
}
.frend-list a {
	display: inline-block;
	font-size: 14px;
	color: #9e9e9e
}
.frend-list:last-child {
	margin-right: 0
}
@media (max-width:1440px) {
.aside-nav, .msg {
	right: 0
}
}
@media (max-width:1240px) {
header {
	padding: 0 2%
}
footer {
	min-width: 100%;
	padding: 3% 2.5% 0
}
}
@media (max-width:1120px) {

.part-1 {
	text-align: center
}
.f_contact {
	text-align: left
}
}
@media (max-width:1000px) {
header {
	padding: 0
}


.header-in {
	background: #fff;
	height: 55px;
	padding: 0 2%;
	position: fixed;
	overflow: visible;
	box-shadow: 0 1px 10px -3px #000
}
.header-r {
	float: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 0;
	text-align: center;
	transition: 0s 1s;
	overflow: hidden
}
body.on .header-r {
	height: 100%;
	transition: 0s
}
.header-r::after {
	content: ' ';
	position: absolute;
	left: 0;
	top: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	transition: .8s .2s
}
body.on .header-r::after {
	top: 0;
	transition: .4s
}
.header-r-in {
	margin-top: 15%;
	padding: 0 25px
}
.m-close {
	display: block;
	float: right;
	position: relative;
	right: 0;
	top: 8px;
	z-index: 999999;
	width: 36px;
	height: 36px
}
.m-close::after, .m-close::before {
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	height: 2px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transition: all .4s .1s ease-out;
	background: #f6712e
}
body.on .m-close::after, body.on .m-close::before {
	transition: all .25s ease-out
}
.m-close::before {
	top: 20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 50% 50% 0
}
.m-close::after {
	top: 20px;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 50% 50% 0
}
body.on .m-close::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
body.on .m-close::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
nav.nav-top {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%
}
nav.nav-top>ul>li {
	display: block;
	transform: translateY(-30px);
	margin: 0;
	line-height: 8vh;
	height: auto;
	opacity: 0;
	text-align: left;
	transition: .2s;
	border-bottom: 1px solid rgba(207,207,207,.66)
}
nav.nav-top>ul>li a:after {
	content: attr(data-icon);
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 0
}
nav.nav-top>ul>li[date-switch='1'] a:after {
	content: attr(data-hover)
}
body.on nav.nav-top>ul>li:nth-child(2)>a, body.on nav.nav-top>ul>li:nth-child(3)>a, body.on nav.nav-top>ul>li:nth-child(4)>a, body.on nav.nav-top>ul>li:nth-child(5)>a, body.on nav.nav-top>ul>li:nth-child(6)>a {
	pointer-events: none
}
body.on nav.nav-top>ul>li:nth-child(1), nav.nav-top>ul>li:nth-child(7) {
	transition: .2s
}
body.on nav.nav-top>ul>li:nth-child(2), nav.nav-top>ul>li:nth-child(6) {
	transition: .2s .05s
}
body.on nav.nav-top>ul>li:nth-child(3), nav.nav-top>ul>li:nth-child(5) {
	transition: .2s .1s
}
body.on nav.nav-top>ul>li:nth-child(4), nav.nav-top>ul>li:nth-child(4) {
	transition: .2s .15s
}
body.on nav.nav-top>ul>li:nth-child(5), nav.nav-top>ul>li:nth-child(3) {
	transition: .2s .2s
}
body.on nav.nav-top>ul>li:nth-child(6), nav.nav-top>ul>li:nth-child(2) {
	transition: .2s .25s
}
body.on nav.nav-top>ul>li:nth-child(7), nav.nav-top>ul>li:nth-child(1) {
	transition: .2s .3s
}
body.on nav.nav-top>ul>li {
	transform: translateY(0);
	opacity: 1
}
.top-sub-menu {
	display: none;
	overflow: hidden;
	border: 0
}
nav.nav-top>ul>li::after {
	display: none
}
.top-sub-menu {
	position: static
}
.top-sub-menu a {
	display: block;
	width: 100%;
	font-size: 14px!important;
	color: rgba(0,0,0,.8)!important;
	text-align: left;
	padding-left: 10px;
	background: 0 0;
	border-bottom: 1px solid rgba(193,193,193,.66)
}
.top-sub-menu>a:hover {
	background: 0 0
}
.top-sub-menu a:last-child {
	border: 0
}
a.login {
	display: block;
	margin: 0 auto;
	transform: translateY(-30px);
	opacity: 0;
	transition: .2s
}
body.on a.login {
	display: none
}
.footer-t {
	padding-top: 30px;
	text-align: center
}
.footer-t-l {
	display: none
}
.footer-t-r {
	float: none
}
.footer-b {
	padding: 15px;
	height: auto;
	line-height: 20px;
	font-size: 12px
}
.moible_hy {
	display: block;
	float: right;
	color: #fff;
	font-size: 26px;
	position: relative;
	top: 14px;
	margin-right: 20px;
	z-index: 100000
}
article {
	margin-top: 55px
}
}
@media (max-width:500px) {

.inside-nav .inside-nav-one {
	height: 46px;
	line-height: 46px;
	font-size: 12px
}
aside {
	display: none
}
.wechat .address, .wechat .others p {
	font-size: 12px;
	text-align: left
}
.wechat .ewm img {
	width: 100px
}
.copyright span, .frend-list, .frend-list a {
	font-size: 10px
}
.copyright-box {
	padding: 15px 0
}
.frend-item {
	margin-top: 10px
}
.msg_title {
	font-size: 18px;
	margin-bottom: 15px
}
.msg_container {
	padding: 20px 0 0;
	width: 90%!important;
	min-width: 90%!important
}
.message-box {
	height: 510px;
	width: 96%
}
.msg_input span {
	font-size: 14px
}
.msg_input input {
	height: 34px
}
.msg_input {
	margin-bottom: 3px
}
.msg_msg {
	margin-top: 5px
}
.message button {
	width: 145px;
	height: 34px;
	margin: 30px auto 0;
	display: block
}
.msg_captcha input {
	width: 110px
}
.msg {
	width: 28px;
	height: 113px;
	line-height: 20px;
	z-index: 2;
	right: 0
}
.msg .desc {
	font-size: 14px;
	color: #e75c1e;
	width: 19px
}
.icon-guanbi {
	color: #e75c1e;
	position: absolute;
	right: 18px;
	top: 10px;
	font-size: 24px;
	cursor: pointer
}
.mask {
	opacity: 0;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	transform-style: preserve-3d;
	transition: opacity ease .6s;
	-webkit-transition: opacity ease .6s;
	-moz-transition: opacity ease .6s;
	-ms-transition: opacity ease .6s;
	-o-transition: opacity ease .6s
}
.mask.show_mask {
	opacity: 1
}
.message {
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
	-o-transition: all ease .6s;
	transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	-o-transform: translateY(-200%)
}
.message-box {
	background-color: #fff
}
.message.isout {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}
.msg_title {
	text-align: left;
	color: #e75c1e;
	font-weight: bolder
}
.msg_input {
	width: 100%;
	display: inline-block
}
.msg_input input[name=verfiycode] {
	width: 110px
}
.msg_input span {
	color: #949494;
	line-height: 43px
}
.msg_input input {
	border: 1px solid #e2e2e2;
	padding-left: 10px;
	margin-left: 10px;
	width: calc(100% - 65px)
}
.msg_input textarea {
	height: 155px;
	width: calc(100% - 65px);
	border: 1px solid #e2e2e2;
	padding-left: 10px;
	padding-top: 5px;
	margin-left: 10px
}
.msg_mail, .msg_name {
	margin-right: 15px
}
.msg_captcha input {
	height: 35px;
	margin-left: 6px
}
.captcha2 {
	display: inline-block
}
.captcha2 img {
	width: 110px;
	height: 35px
}
.message button {
	background-color: #e75c1e;
	color: #fff;
	font-size: 18px;
	border: 0;
	border-radius: 3px;
	cursor: pointer
}
}
@media (max-width:360px) {
.msg_input textarea {
	height: 95px
}
.msg_input input[name=verfiycode] {
	width: 95px
}
.message-box {
	height: 440px;
	top: 8%
}
}
@media (max-width:340px) {
.inside-banner .banner-desc h2 {
	font-size: 30px;
	margin-bottom: 5px
}
.inside-banner .banner-desc p {
	font-size: 18px
}
.inside-nav .inside-nav-one {
	font-size: 11px
}
}

.gy2{width:1440px;margin:0 auto;overflow:hidden;text-align: right;}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#2288ec;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{    font-size: 16px;
    display: inline-block;
    margin-right: 17px;}
.top01_center{    text-align: left;
    float: right;
    font-size: 14px;
        background: #0066cb;
    padding: 0 15px;}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
.top01_center span{    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;}
/*logo和导航*/
.top02{    width: 100%;
    min-width: 1200px;
    background-color: rgb(255, 255, 255);
    height: 86px;
    box-shadow: 0px 3px 7px 0px #0000000d;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{    float: left;
    padding-top: 13px;
    display: flex;
    align-items: center;}
.logo img{    float: left;
    margin-right: 20px;}
.logo .logo-year{margin-top:10px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{
        font-size: 18px;
    color: #656565;
    line-height: 27px;
    overflow: hidden;}
.logo .logo-text b{    color: #2288ec;
    font-size: 29px;}
.nav{float:right}
.nav li{position:relative}
.nav li.m{    margin: 0 22px 0 0;
    float: left;
    text-align: center;}
.nav .m.on a.mmm{    color: #2288ec;}
.nav a.mmm{    display: block;
    font-size: 16px;
    color: #333;
    line-height: 86px;
    width: 86px;}
.nav  ul li .pa{    position: absolute;
    right: 0;
    top: 41px;}
.nav  ul #m3>a,.nav  ul #m8>a{    width: 100px;}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:124px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{    float: left;
    display: inline;
    height: 110px;
    width: 16%;
    overflow: hidden;
    text-align: center;}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}

/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{overflow:hidden;margin-top:40px;}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{    overflow: hidden;}
.nav .sub .nav_xiao .xiao_four .ul li{         line-height: 22px;
    width: 360px;
    overflow: hidden;
    padding: 10px;
    float: left;
    display: inline;
    margin-bottom: 10px;
    position: inherit;}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(4n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:12px}
.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic2.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic3.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs9{background-image:url(../images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs10{background-image:url(../images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs11{background-image:url(../images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs12{background-image:url(../images/top_pic12.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs13{background-image:url(../images/top_pic13.png)}
.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
.nav .sub .xiao_one ul li i.bgs1{    background: url(../img/icon1.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i.bgs2{    background: url(../img/icon2.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i.bgs3{    background: url(../img/icon3.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i.bgs4{    background: url(../img/icon4.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i.bgs5{    background: url(../img/icon5.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i.bgs6{    background: url(../img/icon6.png) no-repeat center/contain;}
.nav .sub .xiao_one ul li i{       width: 35px;
    height: 50px;
    display: block;
    margin: 0 auto;}
.full {
    position: fixed;
    top: 18%;
    right: 0;
    z-index: 1001;
}
.full li a {
    display: block;
    width: 52px;
    height: 52px;
    border-bottom: 1px solid #fff;
    position: relative;
   
    z-index: 1;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
    z-index: 2;
}
.full li a span {
    display: block;
    width: 52px;
    height: 52px;
    position: relative;
    z-index: 100;
}
.full li a span.span1 {
    background: url(../images/full1.png) no-repeat center center #2288ec;
}
.full li a span.span2 {
    background: url(../images/full2.png) no-repeat center center #2288ec;
}
.full li a label {
    display: block;
    width: 150px;
    white-space: nowrap;
    padding: 0 20px;
    position: absolute;
    line-height: 52px;
    color: #fff;
    z-index: -1;
    background: #000;
    bottom: 0;
    left: 100%;
    box-sizing: inherit;
    max-width: 300%;    transition: all .6s ease;
}
.full li a span.span3 {
    background: url(../images/full3.png) no-repeat center center  #2288ec;
}
.full li a .lbl_img {
    padding: 10px;
    height: auto;
    line-height: normal;
}
.full li a .lbl_img img {
    width: 120px;
    height: 120px;
}
.full li:last-child a {
    border-bottom: 0;
}
.full li a span.span4 {
    background: url(../images/full4.png) no-repeat center center #333633;
}

@media (max-width: 639px) {
.top02 .top02_center,.top02{        width: 100%;
    min-width: 100%;
    height: 80px;
  }
article{    margin-top: 0;}
.gy2{    width: 100%;}
.logo{     float: none;
    display: inline-block;
    width: 150px;
    margin-left: 10px;}
.banner-list {
    height: 129px;
}
.banner,.full {    display: none;
}
.info_det{    margin-top: 10px!important;}
.part-1 {
    text-align: center;
    display: none;
}
.frend-item{    float: none;}
.cases-list li .img{    height: auto!important;}
.cases-list li{width: 50%!important;}
.logo .logo-text{    display: none;}
.about-gym-one .about-gym-one-media{width: 100% !important;
    height: auto !important;
    display: block !important;
    padding-top: 0 !important;}
.about-section-one-right{    padding: 10px;}
.col-lg-6{max-width: 100%!important;}
.p-t120{    padding-top: 0!important;}
.selected-solution .swiper-container,.selected-solution>div{width: 100% !important}
.logo img{width: 100%;
    height: auto;}
.gsjs{    padding: 10px;}
.container .en{    font-size: inherit !important;}
.selected-solution .solution-cardlist{    max-width: 100%;}
.wapNavBtn{       float: right;
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px;}
.ulist li{    width: 50% !important;    height: auto !important;
    margin-right: 0!important;}
.spurs li {
    float: left!important;
    width: 50%!important;
    height: 240px!important;
    margin: 0!important;
    margin-right: auto!important;
}
.sharp:before,.sharp:after{content: "";    display: none;}
.sharp{    display: inherit!important;    width: 185px!important; 
    position: relative!important;padding: 10px;}
.nav{    float: none;
    background: #fff;
    width: 100%;
    margin-top: 14px;}
.business .inside-nav-one{    width: auto!important;}
.swiper-pagination-bullet{    width: 20px!important; }
.nav li.m{    float: none;    border-top: 1px solid #eee;width: 100%;}
.nav a.mmm{line-height: 40px;}
}
.nav ul #m3>a, .nav ul #m8>a{    width: 86px;}
@media (max-width: 1023px) and (min-width: 640px){

}