@charset "utf-8";
@font-face {font-family: "iconfont";
  src: url('../eot/iconfont6143.eot?t=1561517805408'); /* IE9 */
  src: url('../eot/iconfont6143.eot?t=1561517805408#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../woff/iconfont6143.woff?t=1561517805408') format('woff'),
  url('../ttf/iconfont6143.ttf?t=1561517805408') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../svg/iconfont6143.svg?t=1561517805408#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-QRcode:before {
  content: "\e63b";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-Youtube:before {
  content: "\e657";
}

.icon-chinese:before {
  content: "\e630";
}

.icon-english:before {
  content: "\e633";
}

.icon-bigger1:before {
  content: "\e647";
}

.icon-top15:before {
  content: "\e65b";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-left25:before {
  content: "\e787";
}

.icon-right25:before {
  content: "\e788";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-search5:before {
  content: "\e7b3";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address:before {
  content: "\e7c2";
}

.icon-email:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-tel:before {
  content: "\e7cc";
}

.icon-wechat:before {
  content: "\e7cd";
}

.icon-mobile:before {
  content: "\e7d0";
}


@font-face {

}



@font-face {
      

}


.index_focus {
	position: relative;
	width: 100%;
	height: 919px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 9
}
.index_focusn {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	height: 100%;
	z-index: 99
}
.index_focus .bd li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	z-index: 999
}
.index_focus .slide_nav {
	position: absolute;
	bottom: 93px;
	left: 50%;
	margin-left: -114px;
	z-index: 9998
}
.index_focus .slide_nav a {
	width: 32px;
	height: 5px;
	cursor: pointer;
	float: left;
	margin: 0 12.5px;
	background: #fff
}
.index_focus_post {
	z-index: 10
}
.index_focus .pic {
	height: auto;
	display: block;
	margin: 0 auto
}
.index_focus .pic:hover {
	text-decoration: none
}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {
	text-decoration: none;
	background: #e60012
}
.index_focus_pre, .index_focus_next {
	display: none;
	position: absolute;
	top: 460px;
	margin-top: -20px;
	width: 59px;
	height: 59px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 9999;
	transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	-webkit-transition: 0s
}
.index_focus_pre {
	left: 130px;
	background: url(../png/banner-prev.png) no-repeat left center
}
.index_focus_next {
	right: 130px;
	background: url(../png/banner-next.png) no-repeat left center
}
.index_focus_pre:hover, .index_focus_next:hover {
	background-position: right center
}
@media screen and (min-width:1000px) and (max-width:1299px) {
.index_focus {
	height: 692px
}
.index_focusn img {
	width: 80%
}
.index_focus2 {
	height: 327px
}
.index_focusn2 img {
	width: 80%
}
.index_focus_pre2, .index_focus_next2 {
	margin-top: -28px
}
.index_focus_pre {
	left: 20px
}
.index_focus_next {
	right: 20px
}
.index_focus_pre:hover {
	left: 20px
}
.index_focus_next:hover {
	right: 20px
}
.index_focus .center {
	position: absolute;
	left: 50%;
	margin-left: -490px;
	height: 10px;
	bottom: 11px;
	z-index: 9999
}
.index_focus2 .center {
	position: absolute;
	left: 50%;
	margin-left: -490px;
	height: 10px;
	bottom: 11px;
	z-index: 9999
}
.index_focus .slide_nav {
	bottom: 60px
}
}
@media screen and (min-width:1000px) {
.carousel {
	display: none
}
}
@media screen and (max-width:999px) {
.index_focus {
	display: none
}
.carousel {
	width: 100%;
	position: relative;
	overflow: hidden
}
.carousel ul {
	width: 100%;
	height: 100%
}
.carousel ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.carousel ul li img {
	width: 100%;
	vertical-align: middle
}
.carousel ol {
	position: absolute;
	z-index: 2;
	width: 110px;
	height: 5px;
	bottom: 5%;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0)
}
.carousel ol li {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: #fff;
	transition: all .3s ease 0s
}
.carousel ol li.cur {
	width: 20px;
	background-color: #e60012
}
.carousel ol li:last-child {
	margin: 0
}
}
.main {
	padding-top: 22px;
	padding-bottom: 67px
}
.main .topcat {
	padding-top: 40px
}
.main .topcat li {
	float: left;
	width: 235px;
	height: 53px;
	line-height: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	background: url(../png/bg-topcat-li.png) no-repeat top center;
	text-align: center;
	margin-left: 26px;
	cursor: pointer
}
.main .topcat li:first-child {
	margin-left: auto
}
.main .topcat li.on, .main .topcat li:hover {
	color: #fff;
	background-position: bottom center
}
.main .content {
	padding-top: 60px;
*padding-top:49px
}
.main .content ul {
	display: none
}
.main .content li {
	float: left;
	width: 282px;
*width:250px;
	margin-left: 92px
}
.main .content li:first-child {
	margin-left: auto
}
.main .content li a {
	display: block
}
.main .content .img {
	position: relative;
	width: 282px;
	height: 282px
}
.main .content .img.mt {
	background-image: url(../jpg/bg-main-img-2.jpg);
	margin-top: 50px
}
.main .content .img a {
	display: block;
	position: absolute;
	width: 100%;
	bottom: -25px;
	left: 0;
	background: url(../png/bg-main-yiny.png) no-repeat bottom center;
	background-size: 100%;
	text-align: center;
	padding-bottom: 10px
}
.main .content .img img {
	max-width: 100%
}
.main .content .tit {
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #333;
	margin-top: 57px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.prom .tit {
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #333;
	border-bottom: 2px solid #ccc;
	margin-top: 57px
}
.main .content .des, .prom .jianjie {
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 30px;
	margin-top: 8px
}
.main .content .more {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ccc;
	margin-top: 16px
}
.main .content li a:hover {
	color: #000
}
.main .moregend {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	margin-top: 26px;
	text-align: center
}
@media screen and (max-width:1299px) {
.main .topcat li {
	width: 19%;
	margin-left: .5%!important;
	margin-right: .5%
}
.main .content li {
	width: 24%;
	margin-left: .5%!important;
	margin-right: .5%
}
.main .content .img {
	width: 100%
}
.main .content .img img {
	width: 90%
}
}
@media screen and (max-width:899px) {
.main .topcat {
	padding-top: 20px
}
.main .topcat li {
	width: 32.33%;
	height: 48px;
	line-height: 48px;
	margin-top: 10px;
	background: #f2f2f2;
	border-radius: 4px
}
.main .topcat li.on {
	background: #999
}
.main .content li {
	width: 46%;
	margin-left: 2%!important;
	margin-right: 2%
}
.main .content .img {
	margin-top: 40px!important
}
.main .content .img img {
	width: auto
}
.main .content {
	padding-top: 20px
}
.main .content .des {
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 30px;
	margin-top: 8px;
	height: 60px;
	overflow: hidden
}
.main {
	padding-top: 22px;
	padding-bottom: 2rem
}
.prom .tit {
	margin-top: 1.5rem
}
}
@media screen and (max-width:559px) {
.main .topcat li {
	font-size: 14px;
	font-size: 1.4rem;
	height: 40px;
	line-height: 40px
}
.main .content .img img {
	width: 90%
}
.main .content .tit {
	font-size: 18px;
	font-size: 1.8rem
}
.main .content .img {
	position: inherit!important;
	width: 100%;
	height: auto;
	background: 0
}
.main .content .img.mt {
	background: 0;
	margin-top: 10px
}
.main .content .img a {
	display: block;
	position: inherit!important;
width:100%background:url(../png/bg-main-yiny.png) no-repeat bottom center;
	background-size: 100%;
	text-align: center;
	padding-bottom: 10px
}
}
@media screen and (max-width:499px) {
.main .topcat li {
	width: 49%
}
}
@media screen and (max-width:374px) {
.main .content li {
	width: 96%;
	margin-left: 2%!important;
	margin-right: 2%
}
.main .content .img img {
	width: auto
}
}
.main1 {
	position: relative;
	z-index: 1;
	background: url(../png/bg-main1.png) no-repeat top center;
	padding-top: 62px;
	padding-bottom: 126px
}
.main1 .content {
	position: relative
}
.main1 .content .img {
	position: absolute;
	top: 50px;
	left: 0
}
.main1 .content .img img {
	width: 100%;
	max-width: 658px;
	max-height: 451px
}
.main1 .content .cont {
	float: right;
	width: 414px;
	height: 380px;
	background: url(../png/bg-main1-cont.png) no-repeat center;
	padding-left: 150px;
	padding-right: 64px;
	padding-top: 56px;
	margin-top: 62px
}
.main1 .content .cont .tit {
	font-family: 'futurastd-book';
	font-size: 22px;
	font-size: 2.2rem;
	color: #000
}
.main1 .content .cont .tit a {
	color: #000
}
.main1 .content .cont .des {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4d4d4d;
	line-height: 30px;
	margin-top: 6px
}
.main1 .content .cont .des a {
	color: #4d4d4d
}
.main1 .content .cont .more {
	display: block;
	width: 143px;
	height: 38px;
	line-height: 38px;
	font-family: 'futurastd-book';
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	background: #eb0012;
	text-align: center;
	border-radius: 25px;
	margin-top: 22px
}
@media screen and (max-width:1299px) {
.main1 {
	padding-bottom: 60px
}
.main1 .content .img {
	width: 450px
}
.main1 .content .cont {
	margin-top: 40px
}
}
@media screen and (max-width:999px) {
.main1 {
	background-attachment: fixed
}
.main1 .content .img {
	position: relative;
	width: auto;
	max-width: 80%;
	margin: auto;
	text-align: center
}
.main1 .content .cont {
	float: none;
	margin: auto;
	margin-top: 80px
}
}
@media screen and (max-width:679px) {
.main1 .content .cont {
	height: 280px;
	padding: 50px 10px;
	padding-left: 90px;
	background-size: 100%
}
.main1 .content .cont .tit {
	font-size: 32px;
	font-size: 3.2rem
}
.main1 .content .cont .des {
	font-size: 18px;
	font-size: 1.8rem
}
.main1 {
	background: #d3d3d3
}
}
@media screen and (max-width:569px) {
.main1 .content .cont {
	width: 90%;
	height: auto;
	padding: 0;
	background: 0
}
}
@media screen and (max-width:425px) {
.main1 {
	padding-top: 40px
}
.main1 .content .cont .tit {
	font-size: 26px;
	font-size: 2.6rem
}
.main1 .content .cont .des {
	font-size: 16px;
	font-size: 1.6rem
}
}
.main2 {
	background: url(../jpg/bg-main2.jpg) no-repeat top center;
	padding-top: 98px;
	padding-bottom: 100px;
	margin-top: -42px
}
.main2 .com-title, .main2 .com-title a, .main2 .com-des a, .main2 .content li .tit a, .main2 .content li .des a {
	color: #fff
}
.main2 .com-des {
	color: #fff
}
.main2 .content {
	padding-top: 50px
}
.main2 .content li {
	float: left;
	width: 270px;
	height: 398px;
	margin-left: 66px;
	background: url(../png/bg-hui.png)
}
.main2 .content li.li2, .main2 .content li.li4 {
	margin-top: 50px
}
.main2 .content li:first-child {
	margin-left: auto
}
.main2 .content li:hover {
	background: url(../png/bg-hui-on.png)
}
.main2 .content li .img {
	margin-top: 50px
}
.main2 .content li .img span {
	display: block;
	width: 68px;
	height: 68px;
	margin: auto
}
.main2 .content li.li1 .img span {
	background: url(../png/bg-main2-li-1.png) no-repeat center
}
.main2 .content li.li2 .img span {
	background: url(../png/bg-main2-li-2.png) no-repeat center
}
.main2 .content li.li3 .img span {
	background: url(../png/bg-main2-li-3.png) no-repeat center
}
.main2 .content li.li4 .img span {
	background: url(../png/bg-main2-li-4.png) no-repeat center
}
.main2 .content li .tit {
	font-size: 20px;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	margin-top: 31px;
	text-transform: uppercase
}
.main2 .content li .tit+hr {
	width: 35px;
	height: 2px;
	margin-top: 15px
}
.main2 .content li .des {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	margin-top: 20px
}
@media screen and (max-width:1299px) {
.main2 .content li {
	width: 24%;
	margin-left: .5%!important;
	margin-right: .5%
}
}
@media screen and (max-width:769px) {
.main2 {
	background: #383836
}
}
@media screen and (max-width:899px) {
.main2 {
	background-attachment: fixed;
	padding-bottom: 60px
}
.main2 .content {
	padding-top: 0
}
.main2 .content li {
	width: 49%
}
.main2 .content li {
	margin-top: 40px!important
}
}
@media screen and (max-width:640px) {
.main2, .main1 {
	display: none
}
}
@media screen and (max-width:374px) {
.main2 .content li {
	width: 96%;
	margin-left: 2%!important;
	margin-right: 2%
}
}
.main3 {
	position: relative;
	z-index: 1;
	background: url(../png/bg-main3.png) no-repeat bottom center;
	padding-top: 73px;
	padding-bottom: 120px
}
.main3 .topcat {
	padding-top: 28px;
	text-align: center
}
.main3 .topcat li {
	background: url(../png/bg-main3-top-li.png) no-repeat left center;
	padding-left: 32px;
	margin-left: 23px;
	margin-right: 23px;
	cursor: pointer;
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px
}
.main3 .topcat li a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 23px;
	padding-bottom: 1px;
	border-bottom: 2px solid rgba(0,0,0,0)
}
.main3 .topcat li.on a, .main3 .topcat li:hover a {
	border-bottom: 2px solid #a6a6a6
}
.main3 .content {
	padding-top: 75px
}
.main3 .content>ul {
	display: none
}
.main3 .com-title, .main .com-title {
	width: 495px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background: url(../jpg/huikaingg.jpg) repeat-x left center
}
.main3 .com-title span, .main .com-title span {
	display: inline-block;
	padding-left: 35px;
	padding-right: 35px;
	background: #fff
}
.main3 .com-title span {
	text-transform: uppercase
}
.m3box {
	position: relative
}
.m3box .inner {
	overflow: hidden;
	width: 1100px;
	margin: auto
}
.m3box ul {
	width: 99999px;
	height: 383px
}
.m3box li {
	float: left;
	width: 244px;
	margin-right: 18px;
	margin-top: 50px
}
.m3box li.cur {
	width: 580px;
	height: 383px;
	margin-top: 0
}
.m3box li img {
	width: 100%;
	max-width: 580px;
	max-height: 383px
}
.m3box li p {
	display: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 50px;
	text-align: center
}
.m3box .des {
	height: 50px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 50px;
	text-align: center
}
.m3box .prev, .m3box .next {
	position: absolute;
	top: 118px;
	width: 17px;
	height: 31px
}
.m3box .prev {
	left: 40px;
	background: url(../png/m3box-prev.png) no-repeat left center
}
.m3box .next {
	right: 40px;
	background: url(../png/m3box-next.png) no-repeat left center
}
.m3box .prev:hover, .m3box .next:hover {
	background-position: right center
}
@media screen and (max-width:1299px) {
.main3 {
	padding-bottom: 60px
}
.main3 .topcat {
	padding-top: 10px
}
.main3 .topcat li {
	text-align: left;
	width: 28%;
	margin-left: .5%!important;
	margin-right: .5%;
	margin-top: 10px
}
.m3box .inner {
	width: 900px
}
.m3box ul {
	height: 288px
}
.m3box li {
	width: 214px
}
.m3box li.cur {
	width: 435px;
	height: 288px
}
.m3box .prev {
	left: 0
}
.m3box .next {
	right: 0
}
}
@media screen and (max-width:999px) {
.m3box .inner {
	width: 90%
}
.m3box ul {
	width: 10000%;
	height: auto
}
.m3box li {
	width: .278%;
	height: auto;
	margin-top: 30px
}
.m3box li.cur {
	width: .4%;
	height: auto;
	padding-bottom: 20px
}
.m3box .prev, .m3box .next {
	top: 32%
}
.main3 .com-title, .main .com-title {
	width: 100%;
	background: 0
}
.m3box li p {
	display: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: auto!important;
	text-align: center
}
}
@media screen and (max-width:789px) {
.main3 .topcat li {
	width: 40%;
	width: calc(49% - 32px)
}
.main3 .content {
	padding-top: 40px
}
.main3 {
	padding-bottom: 1rem;
	padding-top: 1rem
}
.m3box .des {
	line-height: normal!important
}
}
@media screen and (max-width:524px) {
.main3 .topcat {
	padding: 10px
}
.main3 .content {
	padding-top: 0
}
.m3box li {
	width: 1%
}
.m3box li.cur {
	padding-bottom: 0
}
.m3box .prev, .m3box .next {
	top: 40%
}
.m3box .des {
	display: none
}
.m3box li p {
	display: block
}
}
.main4 {
	background: url(../jpg/bg-main4.jpg) no-repeat bottom center;
	padding-top: 103px;
	margin-top: -40px;
	overflow: hidden
}
.main4 .com-title, .main4 .com-des, .main4 .com-des a, .main4 .com-title a {
	color: #fff
}
.main4 .content {
	padding-top: 50px
}
.index_focus2 {
	position: relative;
	width: 100%;
	height: 496px;
	margin: 0 auto;
	z-index: 9;
	
}
.index_focusn2 {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	height: 100%;
	z-index: 99
}
.index_focus2 .bd2 li {
	width: 1920px;
	z-index: 999;
	text-align: center
}
.index_focus2 .bd2 li .img {
	width: 429px;
	background: url(../png/bg-main4-img.png) no-repeat center;
	margin: auto
}
.index_focus2 .bd2 li .img a {
	display: block;
	width: 149px;
	height: 149px;
	padding: 3px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: auto
}
.index_focus2 .bd2 li .img img {
	width: 149px;
	height: 149px;
	border-radius: 50%
}
.index_focus2 .bd2 li .tit {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	margin-top: 36px
}
.index_focus2 .bd2 li .time {
	display: inline-block;
*display:inline;
*zoom:1;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	background: url(../png/bg-time.png) no-repeat left center;
	padding: 18px 0;
	padding-left: 20px;
	padding-top: 22px
}
.index_focus2 .bd2 li .des {
	display: block;
	max-width: 1100px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 26px;
	margin: auto;
	margin-top: 0
}
.index_focus2 .bd2 li a:hover {
	color: #ccc
}
.index_focus2 .slide_nav2 {
	position: absolute;
	bottom: 106px;
	left: 50%;
	margin-left: -114px;
	z-index: 9998
}
.index_focus2 .slide_nav2 a {
	width: 32px;
	height: 5px;
	cursor: pointer;
	float: left;
	margin: 0 12.5px;
	background: #eb0012
}
.index_focus_post2 {
	z-index: 10
}
.index_focus2 .pic {
	height: auto;
	display: block;
	margin: 0 auto
}
.index_focus2 .pic:hover {
	text-decoration: none
}
.index_focus2 .slide_nav2 li:hover {
	text-decoration: none;
	background: #747474
}
.index_focus2 .slide_nav2 .on {
	text-decoration: none;
	background: #747474
}
@media screen and (max-width:1299px) {
.index_focus2 .bd2 li .des {
	width: 960px
}
.index_focus2 .slide_nav2 {
	bottom: 60px
}
}
@media screen and (max-width:999px) {
.index_focus2 .bd2 li .des {
	width: 800px
}
}
@media screen and (max-width:839px) {
.index_focus2 .bd2 li .des {
	width: 600px
}
}
@media screen and (max-width:639px) {
.index_focus2 {
	height: 500px
}
.index_focus2 .bd2 li .des {
	width: 400px;
	height: 136px;
	overflow: hidden
}
.com-des {
	max-width: 420px
}
}
@media screen and (max-width:425px) {
.index_focus2 .bd2 li .des {
	width: 300px
}
.com-des {
	max-width: 300px
}
}
.footer ::-webkit-input-placeholder {
color:#4d4d4d
}
.footer :-moz-placeholder {
color:#4d4d4d
}
.footer ::-moz-placeholder {
color:#4d4d4d
}
.footer :-ms-input-placeholder {
color:#4d4d4d
}
.footer .placeholder {
	color: #4d4d4d
}
.footer {
	background: #19191d;
	padding-top: 40px
}
.footer .title {
	font-family: 'futurastd-book';
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	margin-top: 24px
}
.footer .title a {
	color: #fff
}
.footer .item {
	float: left
}
.footer .item.it1 ul {
	float: left;
	width: 168px
}
.footer ul {
	margin-top: 26px
}
.footer li a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.footer li a:hover {
	color: #ccc
}
.footer .item.it2 {
	width: 484px;
	margin-left: 100px
}
.footer .item.it2 ul {
	margin-top: 36px
}
.footer .item.it2 input {
	width: 472px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	border: 1px solid #d2d2d2;
	padding-left: 10px
}
.footer .item.it2 textarea {
	width: 472px;
	height: 42px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	border: 1px solid #d2d2d2;
	padding: 0;
	padding-left: 10px;
	padding-top: 10px
}
.footer .item.it2 li {
	margin-top: 15px
}
.footer .item.it2 li:first-child input {
	width: 208px
}
.footer .item.it2 li>div {
	position: relative
}
.footer .item.it2 li>div i {
	position: absolute;
	top: 14px;
	left: -17px;
	font-size: 20px;
	font-size: 2rem;
	color: #fff
}
.footer .item.it2 li>div .submit {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-size: 2rem;
	color: #19191d;
	background: #ccc;
	padding: 0
}
.footer .item.it2 li>div .submit:hover {
	background: #fff
}
.footer .item.it3 {
	float: right;
	width: 236px
}
.footer .item.it3 li {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px
}
.footer .item.it3 li:first-child {
	font-size: 16px;
	font-size: 1.6rem
}
.footer .item.it3 li a:hover {
	color: #ccc
}
.footer .copyright {
	background: #0c0c0e;
	padding: 11px 0;
	margin-top: 49px
}
.footer .copyright p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px
}
.footer .copyright p a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff
}
.footer #jishuzhichi {
	display: inline-block
}
.footer .copyright .fl a:hover {
	color: #ccc
}
.footer .copyright .fr {
	padding-top: 3px
}
.footer .copyright .fr a, .footer .copyright .fr span {
	display: inline-block;
*display:inline;
*zoom:1;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff
}
.footer .copyright .fr span {
	position: relative;
	top: -5px;
	padding: 0 16px
}
.footer .copyright .fr .con {
	position: relative;
	top: -5px;
	background: url(../png/bg-fot-phone.png) no-repeat left center;
	padding-left: 24px
}
.footer .copyright .fr .d1 {
	width: 22px;
	height: 22px;
	background: url(../png/bg-fot-1.png) no-repeat center
}
.footer .copyright .fr .d2 {
	width: 22px;
	height: 22px;
	background: url(../png/bg-fot-2.png) no-repeat center;
	margin-left: 8px
}
.footer .copyright .fr .d3 {
	width: 22px;
	height: 22px;
	background: url(../png/bg-fot-3.png) no-repeat center;
	margin-left: 8px
}
.footer .copyright .fr .d4 {
	width: 22px;
	height: 22px;
	background: url(../png/bg-fot-4.png) no-repeat center;
	margin-left: 8px
}
.footer .copyright .fr .d1:hover {
	background-image: url(../png/bg-fot-1-on.png)
}
.footer .copyright .fr .d2:hover {
	background-image: url(../png/bg-fot-2-on.png)
}
.footer .copyright .fr .d3:hover {
	background-image: url(../png/bg-fot-3-on.png)
}
.footer .copyright .fr .d4:hover {
	background-image: url(../png/bg-fot-4-on.png)
}
.footer .copyright .fr a:hover {
	color: #ccc
}
.footer .copyright .links {
	text-align: center;
	padding-top: 1px
}
.footer .copyright .links a:hover {
	color: #ccc
}
@media screen and (max-width:1299px) {
.footer .item.it1 ul {
	width: 160px
}
.footer .item.it2 {
	width: 380px;
	margin-left: 20px
}
.footer .item.it2 li:first-child input {
	width: 160px
}
.footer .item.it2 input, .footer .item.it2 textarea {
	width: 368px
}
.footer .copyright .fl {
	max-width: 700px
}
}
@media screen and (max-width:999px) {
.footer .item.it2 {
	float: right
}
.footer .item.it3 {
	float: left
}
.footer .copyright .fl, .footer .copyright .fr {
	float: none;
	text-align: center;
	margin: auto
}
}
@media screen and (max-width:799px) {
.main4 {
	padding-top: 40px; margin-top:0px
}
.footer .item {
	float: none!important;
	width: 380px!important;
	margin: auto!important
}
.footer .item.it1 ul {
	width: 48%;
	margin-right: 2%
}
}
@media screen and (max-width:640px) {
.footer .copyright .fr {
	padding: 20px 0
}
.footer .copyright .links {
	display: none
}
}
@media screen and (max-width:424px) {
.footer {
	padding-top: 20px
}
.footer .item {
	width: 270px!important
}
.footer .item.it2 li:first-child input {
	width: 114px
}
.footer .item.it2 input, .footer .item.it2 textarea {
	width: 258px
}
}
.bannertb {
	position: relative;
	margin-top: 45px
}
.bannertb img {
	width: 100%
}
.bannertb p {
	position: absolute;
	top: 55%;
	left: 0;
	width: 100%;
	text-align: center
}
.bannertb p span, .bannertb p span i {
	display: inline-block;
*display:inline;
*zoom:1;
	background: url(../png/bg-heng.png) no-repeat left center
}
.bannertb p span {
	padding-left: 30px
}
.bannertb p span i {
	font-family: 'futurastd-book';
	font-style: normal;
	font-size: 49px;
	font-size: 4.9rem;
	color: #fff;
	text-align: center;
	background-position: right center;
	padding-right: 30px
}
.fixed~.bannertb {
	margin-top: 40px
}
@media screen and (max-width:999px) {
.bannertb {
	margin-top: 3rem
}
.bannertb p span i {
	font-size: 30px;
	font-size: 3rem
}
}
@media screen and (max-width:640px) {
.bannertb p span i {
	font-size: 24px;
	font-size: 2.4rem
}
}
@media screen and (max-width:375px) {
.bannertb p span i {
	font-size: 18px;
	font-size: 1.8rem
}
}
.mianbao {
	border-bottom: 1px solid #ebebeb;
	padding-top: 19px
}
.mianbao a {
	display: inline-block;
*display:inline;
*zoom:1;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 32px
}
.mianbao a:hover, .mianbao a.on {
	color: #e60012!important
}
.mianbao a:first-child {
	background: url(../png/bg-mianbao-home.png) no-repeat left 6px;
	padding-left: 27px
}
@media screen and (max-width:640px) {
.mianbao a {
	font-size: 14px;
	font-size: 1.4rem
}
}
.pages {
	text-align: center;
	padding: 20px 0
}
.pages a, .pages span {
	display: inline-block;
*display:inline;
*zoom:1;
	width: 25px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
	border: 1px solid #ccc;
	margin: 0 5.5px;
	margin-bottom: 20px
}
.pages a.on, .pages a:hover {
	border-color: #333
}
.pages-btn, .pages span.pages-btn {
	width: 59px!important
}
.fanye {
	padding: 22px 0;
	padding-bottom: 32px;
	border-top: 1px solid #ccc
}
.fanye div {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px
}
.fanye div a {
	border-bottom: 2px solid rgba(0,0,0,0)
}
.fanye div a:hover {
	color: #000;
	border-bottom: 2px solid #a6a6a6
}
@media screen and (max-width:640px) {
.fanye {
	padding-bottom: 10px
}
}
.faqm {
	padding-bottom: 74px
}
.faqm ul {
	padding-bottom: 36px
}
.faqm li {
	border-bottom: 1px dashed #ccc;
	padding: 32px 0
}
.faqm li div {
	padding: 4px 0
}
.faqm li .title {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 20px;
	background: url(../jpg/bg-faq-q.jpg) no-repeat left center;
	padding-left: 48px;
	cursor: pointer
}
.faqm li .title:hover {
	color: #000
}
.faqm li .anw {
	display: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 20px;
	background: url(../jpg/bg-faq-a.jpg) no-repeat left center;
	padding-left: 48px;
	margin-top: 27px
}
@media screen and (max-width:640px) {
.faqm, .faqm ul {
	padding-bottom: 20px
}
.faqm li {
	padding: 20px 0
}
.faqm li .anw {
	margin-top: 20px
}
}
.downloadm {
	padding-bottom: 74px
}
.downloadm ul {
	padding-bottom: 36px
}
.downloadm li {
	border-bottom: 1px dashed #ccc;
	padding: 24px 0;
	padding-bottom: 20px
}
.downloadm li .cont {
	float: left;
	width: 1050px
}
.downloadm li .title {
	display: block;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	background: url(../png/bg-downloadm.png) no-repeat left 6px;
	padding-left: 28px
}
.downloadm li .des {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4d4d4d;
	line-height: 30px;
	margin-top: 8px
}
.downloadm li .title:hover, .downloadm li .des:hover {
	color: #000
}
.downloadm li .downb {
	float: right;
	display: block;
	width: 90px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	background: url(../png/bg-downloadm-2.png) no-repeat 23px 112%;
	padding-left: 64px;
	border: 1px solid #ccc;
	border-radius: 25px;
	margin-top: 51px
}
.downloadm li .downb:hover {
	color: #fff;
	background-color: #333;
	border-color: #333;
	background-position: 23px -12%
}
@media screen and (max-width:1299px) {
.downloadm li .cont {
	width: 800px
}
}
@media screen and (max-width:999px) {
.downloadm li .cont {
	width: 700px
}
}
@media screen and (max-width:939px) {
.downloadm li .cont {
	width: auto
}
.downloadm li .downb {
	margin-top: 20px
}
}
@media screen and (max-width:640px) {
.downloadm, .downloadm ul {
	padding-bottom: 20px
}
.downloadm li {
	padding: 20px 0
}
}
.servicem {
	padding-bottom: 115px
}
.servicem .ul .li {
	background: #f5f5f5;
	padding: 10px;
	padding-left: 40px;
	margin-top: 30px
}
.servicem .ul .li .c {
	float: left;
	max-width: 600px;
	margin-top: 0
}
.servicem .ul .li .c .ul1 {
	margin-top: 18px
}
.servicem .ul .li .c .li1 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	background: url(../png/bg-dian-s.png) no-repeat left 20px;
	padding-left: 20px
}
.servicem .ul .li .c .logo1 {
	width: 223px
}
.servicem .ul .li .c .logo1 img {
	width: 100%;
	max-width: 223px;
	max-height: 34px
}
.servicem .ul .li .img {
	float: right
}
.servicem .ul .li .img img {
	width: 100%;
	max-width: 512px;
	max-height: 340px
}
.servicem .ul .li.spe {
	padding: 10px;
	padding-right: 40px
}
.servicem .ul .li.spe .c {
	float: right;
	margin-top: 0
}
.servicem .ul .li.spe .img {
	float: left
}
@media screen and (max-width:1299px) {
.servicem .ul .li .c {
	max-width: 400px;
	margin-top: 60px
}
}
@media screen and (max-width:999px) {
.servicem .ul .li {
	padding: 10px 20px!important
}
.servicem .ul .li .cont, .servicem .ul .li .img {
	float: none;
	width: auto;
	max-width: 100%;
	margin-top: 20px!important
}
}
@media screen and (max-width:640px) {
.servicem {
	padding-bottom: 40px
}
}
@media screen and (max-width:374px) {
.servicem .ul .li {
	padding: 10px!important
}
}
.solum {
	padding-top: 30px;
	padding-bottom: 110px
}
.solum li {
	float: left;
	position: relative;
	overflow: hidden;
	width: 619px;
	margin-left: 42px;
	margin-bottom: 45px
}
.solum li .img img {
	width: 100%;
	max-width: 619px;
	max-height: 335px;
	display: block
}
.solum li .mask {
	position: absolute;
	top: 87%;
	top: calc(100% - 50px);
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0,0,0,0.5);
	padding-top: 12px;
	transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-webkit-transition: .7s
}
.solum li .mask .title {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
	text-align: center
}
.solum li .mask .title+hr {
	width: 82px;
	height: 2px;
	background: #fff;
	margin: auto;
	margin-top: 15px
}
.solum li .mask .des {
	display: block;
	width: 62%;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	line-height: 29px;
	text-align: center;
	margin: auto;
	margin-top: 18px
}
.solum li:hover .mask {
	top: 0;
	padding-top: 97px
}
.solum li.spe {
	position: relative;
	width: 100%;
	height: 375px;
	overflow: hidden;
	margin-left: auto
}
.solum li.spe .by {
	display: none
}
.solum li.spe .img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -340px;
	width: 100%;
	height: 100%
}
.solum li.spe .img img {
	max-width: 1280px;
	max-height: 692px
}
@media screen and (max-width:1299px) {
.solum {
	padding-bottom: 60px
}
.solum li, .solum li.spe .by {
	width: 48%;
	margin-left: 4%
}
.solum li .mask {
	top: 84%;
	top: calc(100% - 43px)
}
.solum li .mask .title {
	font-size: 18px;
	font-size: 1.8rem
}
.solum li .mask .des {
	width: 80%;
	font-size: 14px;
	font-size: 1.4rem
}
.solum li:hover .mask {
	padding-top: 50px
}
}
@media screen and (max-width:999px) {
.solum li.spe {
	height: auto
}
.solum li.spe .by {
	display: block
}
.solum {
	padding-bottom: 40px
}
.solum li:hover .mask {
	padding-top: 30px
}
.solum li .mask .des {
	line-height: 24px
}
}
@media screen and (max-width:939px) {
.solum li.spe .img {
	margin-top: -240px
}
}
@media screen and (max-width:799px) {
.solum li:hover .mask {
	padding-top: 20px
}
.solum li .mask .des {
	margin-top: 6px
}
.solum li .mask .title+hr {
	margin-top: 10px
}
}
@media screen and (max-width:640px) {
.solum li.spe .img {
	position: static;
	margin-top: auto
}
.solum li.spe .by {
	display: none
}
.solum {
	padding-bottom: 10px
}
.solum li {
	float: none;
	width: 100%;
	margin-left: auto
}
.solum li .mask {
	top: calc(100% - 42px)
}
.solum li .mask {
	top: 0;
	padding-top: 40px
}
.solum li .mask .des {
	margin-top: 30px
}
}
@media screen and (max-width:539px) {
.solum li .mask .des {
	margin-top: 20px
}
}
@media screen and (max-width:469px) {
.solum li {
	margin-bottom: 40px
}
.solum li .mask .des {
	margin-top: 6px
}
}
@media screen and (max-width:399px) {
.solum li .mask {
	padding-top: 20px
}
}
.solu1m {
	padding-top: 30px
}
.solu1m .groups {
	float: left;
	width: 850px;
	margin: auto
}
.solu1ml {
	float: left;
	width: 657px;
	border: 1px solid #ccc;
	text-align: center
}
.solu1ml .img1 {
	width: 100%;
	max-width: 657px;
	max-height: 434px;
	display: block
}
.solu1mr {
	float: right;
	width: 167px
}
.solu1mr span {
	display: block;
	height: 19px;
	margin: auto;
	cursor: pointer;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.solu1mr span:hover {
	background-position: bottom center!important
}
.solu1mr .top {
	background: url(../png/bg-solu1-top.png) no-repeat top center
}
.solu1mr .bot {
	background: url(../png/bg-solu1-bot.png) no-repeat top center;
	margin-top: 13px
}
.solu1mr ul {
	height: 371px;
	overflow: hidden;
	margin-top: 13px
}
.solu1mr li {
	border: 1px solid #fff;
	margin-top: 20px;
	cursor: pointer
}
.solu1mr li:first-child {
	margin-top: auto
}
.solu1mr li img {
	width: 165px;
	height: 110px;
	display: block
}
.solu1mr li:hover {
	border-color: #ccc
}
.solu1m .groups-m {
	display: none
}
.solu1m .groups-m img {
	float: left;
	display: block;
	width: 49%;
	max-width: 657px;
	max-height: 434px;
	margin: 0 .5%;
	margin-top: 20px
}
.solu1m .con {
	float: right;
	width: 380px;
	padding-top: 20px
}
.solu1m .con .title {
	font-size: 34px;
	font-size: 3.4rem;
	color: #333;
	line-height: 40px
}
.solu1m .con .des {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	margin-top: 34px
}
.MagicZoomBigImageCont {
	border: 1px solid #eee;
	background: #FFF;
	width: 400px!important;
	height: 266px!important;
*display:none!important
}
.MagicZoomBigImageCont img {
	width: 1200px!important;
	height: 798px!important
}
.MagicZoomPup {
	border: 0 solid #aaa;
	background: #fff
}
.solu1m .cont1 .topcat {
	padding-top: 50px;
*padding-bottom:60px
}
.solu1m .cont1 .topcat li {
	float: left;
	width: 235px;
	height: 53px;
	line-height: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	background: url(../png/bg-topcat-li.png) no-repeat top center;
	text-align: center;
	margin-left: 26px;
	cursor: pointer
}
.solu1m .cont1 .topcat li:first-child {
	margin-left: auto
}
.solu1m .cont1 .topcat li.on, .solu1m .cont1 .topcat li:hover {
	color: #fff;
	background-position: bottom center
}
.solu1m .cont1 .listb {
	padding-top: 41px
}
.solu1m .cont1 .listb>li {
	display: none
}
.solu1m .cont1 .listb .li1 {
	padding-bottom: 114px
}
.solu1m .cont1 .listb .li1 p {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px
}
.solu1m .cont1 .listb .li1 img {
	max-width: 100%;
	padding-top: 25px
}
.solu1m .promcont li {
	margin-top: 10px
}
@media screen and (max-width:1299px) {
.solu1m .groups {
	width: 574px
}
.solu1ml {
	width: 451px
}
.solu1mr {
	width: 112px
}
.solu1mr ul {
	height: 242px;
	margin-top: 10px
}
.solu1mr li {
	margin-top: 10px
}
.solu1mr li img {
	width: 110px;
	height: 72px
}
.solu1mr .bot {
	margin-top: 10px
}
.solu1m .cont1 .listb .li1 .imgs .fl, .solu1m .cont1 .listb .li1 .imgs .fr {
	width: 48%
}
}
@media screen and (max-width:999px) {
.solu1m .groups {
	display: none
}
.solu1m .groups-m {
	display: block
}
.solu1m .con {
	float: none;
	width: auto
}
}
@media screen and (max-width:569px) {
.solu1m {
	padding-top: 10px
}
.solu1m .groups-m img {
	width: 99%
}
.solu1m .cont1 .listb .li1 .imgs .fl, .solu1m .cont1 .listb .li1 .imgs .fr {
	float: none;
	width: 98%;
	margin: 10px 0
}
.solu1m .cont1 .listb .li1 {
	padding-bottom: 40px
}
.solu1m .cont1 .topcat li {
	width: 49%;
	height: 48px;
	line-height: 48px;
	margin: 0 .5%!important;
	background: #f2f2f2
}
.solu1m .cont1 .topcat li.on {
	background: #999
}
.solu1m .cont1 .topcat {
	padding-top: 30px
}
.solu1m .cont1 .listb {
	padding-top: 20px
}
}
@media screen and (max-width:375px) {
.solu1m .con .title {
	font-size: 28px;
	font-size: 2.8rem
}
.solu1m .con .des {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px
}
.solu1m .cont1 .topcatb li {
	height: 42px;
	line-height: 42px
}
.solu1m .cont1 .topcatb {
	padding-top: 40px
}
}
.prom .topcat {
	padding-top: 20px
}
.prom .topcat .titleb {
	float: left;
	min-width: 120px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 24px;
	padding: 10px 0
}
.prom .topcat ul {
	float: left;
	padding-top: 10px
}
.prom .topcat li {
	float: left;
	padding-bottom: 10px;
	margin-right: 3px
}
.prom .topcat li:last-child {
	margin-right: auto
}
.prom .topcat li a {
	display: block;
	padding: 1px;
	border: 1px solid #fff;
	border-radius: 25px
}
.prom .topcat li span {
	display: block;
	min-width: 50px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 24px;
	padding: 0 11px;
	border: 1px solid #fff;
	border-radius: 25px;
	text-align: center;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.prom .topcat li.on a, .prom .topcat li:hover a {
	border-color: #ccc
}
.prom .topcat li:hover a {
	border-color: #e60012
}
.prom .topcat li.on span, .prom .topcat li:hover span {
	border-color: #ccc
}
.prom .topcat li:hover span {
	border-color: #e60012;
	color: #fff;
	background: #e60012
}
.promcont {
	padding-bottom: 20px
}
.promcont ul {
	padding-bottom: 36px
}
.promcont li {
	float: left;
	width: 310px;
	margin-left: 13px;
	margin-top: 40px;
	transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-webkit-transition: .7s
}
.promcont li .outer {
	border: 1px solid #f2f2f2;
	padding: 13px;
	padding-bottom: 2px
}
.promcont li .inner {
	position: relative;
	overflow: hidden;
	text-align: center
}
.promcont li .inner img {
	width: 100%;
	max-width: 282px;
	max-height: 282px
}
.promcont li .inner .mask {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../png/bg-pro-inner.png);
	transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	display: none
}
.promcont li .inner .tit {
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	padding: 0 10px;
	margin-top: 75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.promcont li .inner .tit+hr {
	width: 75px;
	height: 2px;
	background: #fff;
	margin-top: 11px
}
.promcont li .inner .des {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
	margin-top: 11px
}
.promcont li .title {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	text-align: center;
	padding: 8px 4px;
	padding-top: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.promcont li:hover {
	-webkit-box-shadow: 0 4px 12px #dedcdc;
	-moz-box-shadow: 0 4px 12px #dedcdc;
	box-shadow: 0 4px 12px #dedcdc
}
.promcont li:hover .mask {
	top: 0
}
@media screen and (max-width:1299px) {
.prom .topcat ul {
	width: 87%;
	width: calc(100% - 140px)
}
.promcont li {
	width: 24%;
	margin-left: .5%!important;
	margin-right: .5%
}
.promcont li .inner .tit {
	margin-top: 30px
}
}
@media screen and (max-width:999px) {
.promcont li {
	width: 32.33%
}
.promcont li .inner .tit {
	margin-top: 50px
}
}
@media screen and (max-width:829px) {
.promcont li .inner .tit {
	margin-top: 30px
}
}
@media screen and (max-width:729px) {
.promcont li .inner .tit {
	margin-top: 20px
}
}
@media screen and (max-width:679px) {
.promcont li {
	width: 49%
}
.promcont li .inner .tit {
	margin-top: 40px
}
}
@media screen and (max-width:640px) {
.promcont {
	padding-bottom: 40px
}
.promcont li .inner .mask {
	top: 0
}
}
@media screen and (max-width:529px) {
.promcont li .inner .tit {
	margin-top: 30px
}
}
@media screen and (max-width:489px) {
.promcont li .inner .tit {
	margin-top: 20px
}
}
@media screen and (max-width:469px) {
.prom .topcat ul {
	width: 100%
}
.promcont li .inner .des {
	line-height: 27px
}
}
@media screen and (max-width:425px) {
.promcont {
	padding-bottom: 20px
}
.promcont li {
	float: none;
	width: 99%
}
.promcont li .inner .tit {
	margin-top: 40px
}
}
.pro1m {
	padding-top: 37px
}
.pro1m .groups {
	float: left;
	width: 728px;
	margin: auto
}
.pro1ml {
	float: left;
	width: 570px;
	text-align: center
}
.pro1ml .img1 {
	width: 570px;
	height: 570px;
	max-width: 570px;
	max-height: 570px
}
.pro1mr {
	float: right;
	width: 115px
}
.pro1mr span {
	display: block;
	height: 13px;
	margin: auto;
	cursor: pointer;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.pro1mr span:hover {
	background-position: bottom center!important
}
.pro1mr .top {
	background: url(../png/bg-pro1-top.png) no-repeat top center
}
.pro1mr .bot {
	background: url(../png/bg-pro1-bot.png) no-repeat top center;
	margin-top: 21px
}
.pro1mr ul {
	height: 502px;
	overflow: hidden;
	margin-top: 21px
}
.pro1mr li {
	border: 2px solid #fff;
	text-align: center;
	margin-top: 20px;
	cursor: pointer
}
.pro1mr li:first-child {
	margin-top: auto
}
.pro1mr li img {
	width: 111px;
	height: 111px
}
.pro1mr li:hover {
	border-color: #ccc
}
.pro1m .groups-m {
	display: none
}
.pro1m .groups-m img {
	float: left;
	display: block;
	width: 49%;
	max-width: 570px;
	max-height: 570px;
	margin: 0 .5%;
	margin-top: 20px
}
.pro1m .con {
	float: right;
	width: 492px;
	padding-top: 13px
}
.pro1m .con .title {
	font-size: 34px;
	font-size: 3.4rem;
	color: #333;
	line-height: 40px
}
.pro1m .con .title+hr {
	height: 1px;
	background: #ccc;
	margin-top: 6px
}
.pro1m .con .des {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	margin-top: 18px
}
.pro1m .con .attrb {
	margin-top: 22px
}
.pro1m .con .attrb .tit {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333
}
.pro1m .con .attrb .fl {
	margin-top: 8px;
	margin-left: 30px
}
.pro1m .con .attrb .tit+.fl {
	margin-left: auto
}
.pro1m .con .attrb .fl input {
	position: relative;
	top: 2px
}
.pro1m .con .attrb .fl span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	margin-left: 6px;
	cursor: pointer
}
.pro1m .con .caozuo {
	margin-top: 43px
}
.pro1m .con .caozuo a, .pro1m .con .caozuo span {
	float: left;
	display: block;
	width: 180px;
	height: 33px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 33px;
	border-radius: 25px;
	text-align: center;
	margin-left: 83px;
	color: #fff;
	background: #e60012;
	border-color: #e60012
}
.pro1m .con .caozuo a:first-child {
	margin-left: auto
}
.pro1m .con .caozuo a:hover {
	color: #fff;
	background: #333;
	border-color: #333
}
.pro1m .con .share {
	margin-top: 24px
}
.pro1m .con .share span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	margin-right: 10px
}
.pro1m .MagicZoomBigImageCont {
	border: 1px solid #eee;
	background: #FFF;
	width: 500px!important;
	height: 500px!important;
*display:none!important
}
.pro1m .MagicZoomBigImageCont img {
	width: 800px!important;
	height: 800px!important
}
.pro1m .MagicZoomPup {
	border: 0 solid #aaa;
	background: #fff
}
.pro1m .cont1 .topcatb {
	padding-top: 50px;
*padding-bottom:60px
}
.pro1m .cont1 .topcatb li {
	float: left;
	width: 235px;
	height: 53px;
	line-height: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	background: url(../png/bg-topcat-li.png) no-repeat top center;
	text-align: center;
	margin-left: 26px;
	cursor: pointer;
	margin-bottom: 20px;
}
.pro1m .cont1 .topcatb li:first-child {
	margin-left: auto
}
.pro1m .cont1 .topcatb li.on, .pro1m .cont1 .topcatb li:hover {
	color: #fff;
	background-position: bottom center
}
.pro1m .cont1 .listb {
	padding: 41px 0
}
.pro1m .cont1 .listb .li {
	/*display: none*/
}
.pro1m .cont1 .listb .li img {
	max-width: 100%
}
.pro1m .cont1 .listb .li p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px
}
.pro1m .cont1 .listb .li .imgs {
	margin-top: 32px
}
.pro1m .cont1 .listb .li .imgs img {
	display: block;
	margin-bottom: 40px;
	width: 100%;
	max-width: 553px
}
.pro1m .cont1 .listb .li .imgs .fl:first-child {
	margin-right: 50px
}
.pro1m .cont1 .listb .li .cases li {
	float: left;
	width: 414px;
	margin-left: 19px
}
.pro1m .cont1 .listb .li .cases li .titb {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px;
	text-align: center;
	padding: 10px 2px;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.pro1m .retitle {
	font-family: 'futurastd-book';
	font-size: 30px;
	font-size: 3rem;
	color: #000;
	text-align: center;
	text-transform: uppercase
}
.pro1m .promcont li {
	margin-top: 31px
}
@media screen and (max-width:1299px) {
.pro1m .groups {
	width: 550px
}
.pro1ml {
	width: 420px
}
.pro1mr ul {
	height: 350px
}
.pro1mr li {
	margin-top: 10px
}
.pro1m .con {
	width: 400px
}
.pro1ml img {
	width: 420px;
	height: 420px
}
.pro1m .con .caozuo a, .pro1m .con .caozuo span {
	float: right;
	margin-left: auto
}
.pro1m .con .caozuo a:first-child {
	float: left
}
.pro1m .cont1 .listb .li .imgs .fl {
	width: 48%
}
.pro1m .cont1 .listb .li .imgs .fl:first-child {
	margin-right: 4%
}
.pro1m .cont1 .listb .li .cases li {
	width: 32.33%;
	margin: 5px .5%!important
}
.pro1m .cont1 .listb .li .cases li .titb {
	margin-bottom: 10px
}
}
@media screen and (max-width:999px) {
.pro1m .groups {
	display: none
}
.pro1m .groups-m {
	display: block
}
.pro1m .con {
	float: none;
	width: auto
}
.pro1m .con .title {
	font-size: 20px;
	font-size: 2rem;
	color: #333;
	line-height: 25px
}
.pro1m .groups-m img {
	margin-top: 2px
}
}
@media screen and (max-width:800px) {
.pro1m .cont1 .topcatb li {
	width: 32.33%;
	height: 48px;
	line-height: 48px;
	background: #f2f2f2;
	border-radius: 4px;
	margin: 0 .5%!important
}
.pro1m .cont1 .topcatb li.on {
	background: #999
}
.pro1m .cont1 .listb {
	padding: 30px 0
}
}
@media screen and (max-width:767px) {
.pro1m .cont1 .listb .li .cases li {
	width: 49%
}
}
@media screen and (max-width:569px) {
.pro1m {
	padding-top: 10px
}
.pro1m .groups-m img {
	width: 99%
}
.pro1m .cont1 .listb .li .imgs .fl {
	float: none;
	width: 98%;
	margin: 10px auto!important
}
.pro1m .cont1 .listb .li .imgs .fl img {
	float: none
}
}
@media screen and (max-width:424px) {
.pro1m .con .caozuo a, .pro1m .con .caozuo span {
	width: 130px
}
.pro1m .cont1 .listb .li .cases li {
	width: 99%
}
}
@media screen and (max-width:375px) {
.pro1m .con .title {
	font-size: 28px;
	font-size: 2.8rem
}
.pro1m .con .des {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px
}
.pro1m .cont1 .topcatb li {
	height: 42px;
	line-height: 42px
}
.pro1m .cont1 .topcatb {
	padding-top: 40px
}
}
.aboutm {
	padding-bottom: 72px
}
.aboutm .topcat {
	padding-top: 20px;
*padding-bottom:50px
}
.aboutm .topcat li {
	float: left;
	width: 185px;
	height: 53px;
	margin-left: 34px;
	margin-top: 10px
}
.aboutm .topcat li:first-child {
	margin-left: auto
}
.aboutm .topcat li a {
	display: block;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.aboutm .topcat li span {
	display: block;
	line-height: 41px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 25px;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.aboutm .topcat li.on a, .aboutm .topcat li:hover a {
	background: #e60012;
	border-color: #e60012
}
.aboutm .topcat li.on span, .aboutm .topcat li:hover span {
	color: #fff;
	background: #e60012;
	border-color: #fff
}
.aboutm .content {
	padding: 18px 0
}
.aboutm .content li {
	float: left;
	width: 406px;
	margin-left: 31px;
	margin-top: 28px
}
.aboutm .content li .img img {
	width: 100%;
	max-width: 406px;
	max-height: 257px
}
.aboutm .content li .title {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	padding: 7px 2px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.aboutm .bott {
	padding-top: 38px;
	padding-bottom: 36px
}
.aboutm .bott .ctitle {
	font-family: 'futurastd-book';
	font-size: 30px;
	font-size: 3rem;
	color: #333
}
.aboutm .bott>li {
	float: left;
	width: 396px;
	margin-left: 46px
}
.aboutm .bott>li:first-child {
	margin-left: auto
}
.aboutm .bott>li .img {
	margin-top: 45px
}
.aboutm .bott>li .img img {
	width: 100%;
	max-width: 396px;
	max-height: 292px
}
.aboutm .bott>li ul {
	padding-top: 28px
}
.aboutm .bott>li li a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 29px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.aboutm .bott>li li a:hover {
	color: #000
}
@media screen and (max-width:1299px) {
.aboutm .topcat li {
	width: 15.66%;
	height: 42px;
	margin-left: .5%!important;
	margin-right: .5%
}
.aboutm .topcat li span {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 34px
}
.aboutm .content li, .aboutm .bott>li {
	width: 32.33%;
	margin-left: .5%!important;
	margin-right: .5%;
	margin-top: 10px
}
.aboutm .bott>li .img {
	margin-top: 30px
}
}
@media screen and (max-width:999px) {
.aboutm .topcat li {
	width: 24%
}
}
@media screen and (max-width:799px) {
.aboutm {
	padding-bottom: 12px
}
.aboutm .content li, .aboutm .bott>li {
	width: 49%
}
.aboutm .bott>li {
	margin-bottom: 20px
}
.aboutm .bott {
	padding-top: 10px
}
}
@media screen and (max-width:640px) {
.aboutm .topcat li {
	width: 32.33%
}
}
@media screen and (max-width:459px) {
.aboutm .topcat li {
	width: 49%
}
.aboutm .content li, .aboutm .bott>li {
	float: none;
	width: 99%;
	margin: 10px 0 auto!important;
	text-align: center
}
.aboutm .bott {
	padding-top: 0
}
}
.about1m {
	padding-top: 35px;
	padding-bottom: 40px
}
.about1m .p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 30px
}
.img-scroll {
	position: relative;
	width: 100%;
	padding-top: 36px
}
.img-scroll .prev, .img-scroll .next {
	position: absolute;
	top: 50%;
	margin-top: -48px;
	display: block;
	width: 46px;
	height: 95px;
	cursor: pointer;
	z-index: 1;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.img-scroll .prev {
	left: 0;
	background: url(../png/ab1-scroll-prev.png) no-repeat left center
}
.img-scroll .next {
	right: 0;
	background: url(../png/ab1-scroll-next.png) no-repeat left center
}
.img-scroll .prev:hover, .img-scroll .next:hover {
	background-position: right center
}
.img-list {
*position:relative;
	width: 1097px;
	margin: auto;
	overflow: hidden
}
.img-list ul {
	width: 99999px
}
.img-list li {
	position: relative;
	float: left;
	width: 1097px
}
.img-list li .img img {
	width: 100%;
	max-width: 1097px;
	max-height: 568px
}
.img-list li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: #000;
	background: rgba(0,0,0,0.6);
	line-height: 30px;
	text-align: center;
	padding: 7px 0;
	padding-bottom: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
@media screen and (max-width:1299px) {
.img-list, .img-list li {
	width: 840px
}
}
@media screen and (max-width:899px) {
.img-list {
	width: 90%
}
.img-list ul {
	width: 10000%
}
.img-list li {
	width: 1%
}
.img-scroll .prev, .img-scroll .next {
	margin-top: -30px;
	width: 28px;
	height: 61px;
	background-size: 60px!important
}
}
@media screen and (max-width:640px) {
.img-list li p {
	padding: 4px 0
}
.img-scroll .prev, .img-scroll .next {
	margin-top: -20px;
	width: 20px;
	height: 42px;
	background-size: 40px!important
}
}
@media screen and (max-width:374px) {
.img-list li p {
	padding: 2px 0
}
}
.about2m {
	padding-top: 35px
}
.about2m ul {
	padding-bottom: 35px
}
.about2m li {
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 20px
}
.about2m li:first-child {
	margin-top: auto
}
.about2m li .img {
	float: left;
	width: 223px
}
.about2m li .img img {
	width: 100%;
	max-width: 223px;
	max-height: 223px
}
.about2m li .cont {
	float: right;
	width: 1018px
}
.about2m li .cont .tit {
	display: block;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	margin-top: 12px
}
.about2m li .cont .tit+hr {
	width: 40px;
	height: 2px;
	border: 0;
	background: #333;
	margin-left: 0;
	margin-top: 12px
}
.about2m li .cont .des {
	display: block;
	height: 100px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 30px;
	margin-top: 21px;
	overflow: hidden
}
.about2m li .cont .time {
	float: left;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #4d4d4d;
	background: url(../png/bg-news-time.png) no-repeat left center;
	padding: 6px 0;
	padding-left: 26px;
	margin-top: 22px
}
.about2m li .cont .more {
	float: right;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	margin-top: 20px
}
.about2m li .cont a:hover {
	color: #000!important
}
@media screen and (max-width:1299px) {
.about2m li .cont {
	width: 720px
}
}
@media screen and (max-width:999px) {
.about2m li .cont {
	width: 660px
}
}
@media screen and (max-width:949px) {
.about2m li .cont {
	width: 620px
}
}
@media screen and (max-width:909px) {
.about2m li .img, .about2m li .cont {
	float: left;
	width: 100%;
	margin-left: auto
}
.about2m li .img {
	text-align: center
}
.about2m li .cont {
	margin-top: 20px
}
.about2m li .cont .des {
	height: auto
}
}
@media screen and (max-width:640px) {
.about2m li .cont {
	text-align: center
}
.about2m li .cont .tit+hr {
	margin-left: auto
}
}
.about3m {
	padding-top: 42px
}
.about3m .title {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	text-align: center
}
.about3m .time {
	text-align: center
}
.about3m .time span {
	display: inline-block;
*display:inline;
*zoom:1;
	font-size: 12px;
	font-size: 1.2rem;
	color: #4d4d4d;
	background: url(../png/bg-news-time.png) no-repeat left center;
	padding: 6px 0;
	padding-left: 26px;
	margin-top: 8px
}
.about3m .cont {
	padding: 6px 0;
	padding-bottom: 30px
}
.about3m .cont p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 30px
}
.about3m .cont img {
	max-width: 100%
}
.about3m .cont table {
	width: 97%;
	border-collapse: collapse;
	line-height: 24px;
	border: 1px solid #a0a0a0
}
.about3m .cont tr td {
	line-height: 24px;
	padding: 2px;
	border: 1px solid #a0a0a0;
	color: #000
}
.about3m .cont a {
	color: #000;
	text-decoration: underline
}
.about4m {
	padding-top: 42px;
	padding-bottom: 40px
}
.about4m .li {
	float: left;
	width: 632px;
	margin-left: 16px
}
.about4m .li .img {
	position: relative
}
.about4m .li .img img {
	width: 100%;
	max-width: 632px;
	max-height: 416px
}
.about4m .li .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #000;
	background: rgba(0,0,0,0.5);
	filter: Alpha(opacity=0);
	opacity: 0;
	transition: .6s;
	-moz-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s
}
.about4m .li .mask p {
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	line-height: 30px;
	padding: 0 70px;
	padding-top: 162px;
	height: 82px;
	overflow: hidden
}
.about4m .li:hover .mask {
	filter: Alpha(opacity=100);
	opacity: 1
}
.about4m .spe .li {
	width: 421px;
	margin-left: 8px;
	margin-top: 10px
}
.about4m .spe .li .img img {
	max-width: 421px;
	max-height: 277px
}
.about4m .spe .li .img .mask p {
	padding-top: 70px
}
@media screen and (max-width:1299px) {
.about4m .li {
	width: 49%;
	margin: 0 .5%!important
}
.about4m .spe .li {
	width: 32.33%;
	margin-top: 10px!important
}
.about4m .li .mask p {
	padding: 80px 20px;
	height: calc(100% - 240px)
}
}
@media screen and (max-width:999px) {
.about4m .li .mask p {
	padding: 40px 10px;
	height: auto
}
.about4m .spe .li .img .mask p {
	padding: 16px 10px
}
}
@media screen and (max-width:640px) {
.about4m .li .mask {
	filter: Alpha(opacity=100);
	opacity: 1
}
.about4m .li {
	width: 99%;
	margin-bottom: 10px!important
}
.about4m .spe .li {
	width: 49%!important
}
.about4m .spe .li .img .mask p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	padding-top: 40px
}
}
@media screen and (max-width:439px) {
.about4m .spe .li {
	width: 99%!important
}
.about4m .li .mask p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px
}
}
.about5m {
	padding-top: 42px
}
.about5m li {
	float: left;
	width: 207px;
	margin-left: 61px;
	margin-bottom: 30px
}
.about5m li .outer {
	position: relative;
	padding: 21px 15px 22px 14px
}
.about5m li .innerb {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: 100%
}
.about5m li .inner {
	position: relative;
	overflow: hidden
}
.about5m li .outer img {
	width: 100%;
	max-width: 178px;
	max-height: 241px
}
.about5m li .mask {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #000 url(../png/bg-ab3-fangda.png) no-repeat center;
	background-color: rgba(0,0,0,0.5);
	transition: .6s;
	-moz-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s
}
.about5m li .tit {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	text-align: center;
	padding: 13px 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.about5m li .outer:hover .mask {
	top: 0
}
.about5m .pages {
	padding-bottom: 18px;
	margin-top: -10px
}
@media screen and (max-width:1299px) {
.about5m li {
	width: 19%;
	margin-left: .5%!important;
	margin-right: .5%
}
.about5m .pages {
	margin-top: auto
}
}
@media screen and (max-width:899px) {
.about5m li {
	width: 24%
}
}
@media screen and (max-width:669px) {
.about5m li {
	width: 32.33%;
	margin-bottom: 20px
}
}
@media screen and (max-width:439px) {
.about5m li {
	width: 49%;
	margin-bottom: 10px
}
}
.about6m {
	padding-top: 42px;
	padding-bottom: 40px
}
.about6m .img {
	position: relative
}
.about6m .img img {
	width: 100%;
	max-width: 416px;
	max-height: 263px
}
.about6m .img .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #000;
	background: rgba(0,0,0,0.5);
	filter: Alpha(opacity=0);
	opacity: 0;
	transition: .6s;
	-moz-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s
}
.about6m .img .mask p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px;
	padding: 0 20px;
	padding-top: 100px;
	height: 52px;
	overflow: hidden
}
.about6m .img:hover .mask {
	filter: Alpha(opacity=100);
	opacity: 1
}
.about6m .top .li {
	float: left;
	width: 416px;
	margin-left: 16px;
	margin-bottom: 16px
}
.about6m .mid .fl {
	width: 840px;
	margin-top: 25px
}
.about6m .mid .fl .tit {
	width: 500px;
	font-family: 'futurastd-book';
	font-size: 30px;
	font-size: 3rem;
	color: #333;
	line-height: 46px;
	text-transform: uppercase
}
.about6m .mid .fl .tit+hr {
	width: 91px;
	height: 4px;
	background: #323333;
	margin-left: 0;
	margin-top: 12px
}
.about6m .mid .fl .des {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px;
	margin-top: 25px
}
.about6m .mid .fr {
	width: 416px
}
.about6m .mid .fr .img {
	margin-top: 16px
}
.about6m .mid .fr .img:first-child {
	margin-top: auto
}
@media screen and (max-width:1299px) {
.about6m .top .li {
	width: 316.8px;
	margin-left: 14.8px
}
.about6m .mid .fr, .about6m .mid .fr .img {
	width: 316.8px
}
.about6m .mid .fl {
	width: 620px
}
.about6m .img .mask p {
	padding-top: 60px;
	height: auto
}
}
@media screen and (max-width:999px) {
.about6m {
	width: 95%;
	margin: auto
}
.about6m .top .li, .about6m .mid .fr .img {
	width: 46%;
	margin-left: 2%!important;
	margin-right: 2%
}
.about6m .mid .fl, .about6m .mid .fr {
	float: none;
	width: auto
}
}
@media screen and (max-width:899px) {
.about6m {
	width: auto;
	padding-bottom: 0
}
.about6m .mid .fr {
	margin-top: 20px
}
.about6m .top .li, .about6m .mid .fr .img {
	float: left;
	width: 49%;
	margin-left: .5%!important;
	margin-right: .5%;
	margin-top: auto;
	margin-bottom: 10px
}
.about6m .img .mask p {
	padding-top: 50px;
	height: auto
}
}
@media screen and (max-width:640px) {
.about6m .img .mask {
	filter: Alpha(opacity=100);
	opacity: 1;
	display: none!important
}
.about6m .mid .fl .tit {
	width: auto
}
.about6m .img .mask p {
	padding-top: 40px;
	height: 60px;
	overflow: hidden
}
}
@media screen and (max-width:599px) {
.about6m .img .mask p {
	padding-top: 5px
}
}
@media screen and (max-width:559px) {
.about6m .img .mask p {
	padding-top: 20px
}
}
@media screen and (max-width:509px) {
.about6m .img .mask p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 24px
}
}
@media screen and (max-width:419px) {
.about6m .top .li, .about6m .mid .fr .img {
	float: left;
	width: 99%
}
.about6m .mid .fl .tit {
	font-size: 26px;
	font-size: 2.6rem
}
.about6m .img .mask p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	padding-top: 40px
}
}
.contactm {
	padding-top: 28px;
	padding-bottom: 115px
}
.contactm .cont {
	padding-bottom: 20px
}
.contactm .tit {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #333
}
.contactm .des, .contactm .des a, .contactm .des1 a, .contactm .des1 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #999;
	line-height: 30px
}
.contactm .des a:hover, .contactm .des1 a:hover {
	color: #e60012!important
}
.contactm .contal {
	float: left;
	width: 500px
}
.contactm .contal li {
	padding-bottom: 20px
}
.contactm .contal .des {
	padding-left: 30px;
	margin-top: 12px
}
.contactm .contal .des1 {
	padding-left: 25px;
	margin-top: 12px
}
.contactm .contal .li1 .des, .contactm .contal .li1 .des1 {
	background: url(../png/bg-cotact-li-1.png) no-repeat left 4px
}
.contactm .contal .li2 .des, .contactm .contal .li2 .des1 {
	background: url(../png/bg-cotact-li-2.png) no-repeat left 4px
}
.contactm .contal .li3 .des, .contactm .contal .li3 .des1 {
	background: url(../png/bg-cotact-li-3.png) no-repeat left 4px
}
.contactm .contal .li4 .des {
	background: url(../png/bg-cotact-li-4.png) no-repeat left 9px
}
.contactm .contal .li5 .des, .contactm .contal .li5 .des1 {
	background: url(../png/bg-cotact-li-5.png) no-repeat left 5px
}
.contactm .contal .li6 .des, .contactm .contal .li6 .des1 {
	background: url(../png/bg-cotact-li-6.png) no-repeat left 6px
}
.contactm .contar {
	float: right;
	width: 662px
}
.contactm .contar .des {
	margin-top: 12px
}
.contactm .contar ul {
	padding-top: 8px;
	padding-left: 12px
}
.contactm .contar input {
	width: 301px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	border: 1px solid #d2d2d2;
	padding-left: 10px
}
.contactm .contar textarea {
	width: 638px;
	height: 100px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	border: 1px solid #d2d2d2;
	padding: 0;
	padding-left: 10px;
	padding-top: 10px
}
.contactm .contar li {
	margin-top: 23px
}
.contactm .contar li>div {
	position: relative
}
.contactm .contar li>div i {
	position: absolute;
	top: 20px;
	left: -17px;
	font-size: 20px;
	font-size: 2rem;
	color: red
}
.contactm .contar li.capt .fl {
	float: left
}
.contactm .contar li.capt input {
	width: 166px
}
.contactm .contar li.capt .yanzheng {;
	margin-left: 22px;
	cursor: pointer
}
.contactm .contar li.capt .submit {
	width: 250px;
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: #333;
	padding: 0
}
.contactm .contar li.capt .submit:hover {
	background: #000
}

.contactm .mapb { margin-top:20px}
.contactm .mapb iframe {
	width: 100%;
	max-width: 100%
}
@media screen and (max-width:1299px) {
.contactm .contal {
	width: 300px
}
}
@media screen and (max-width:999px) {
.contactm .contal, .contactm .contar {
	float: none
}
.contactm .contal {
	width: auto
}
.contactm .contar {
	margin: auto;
	margin: 40px 0
}
}
@media screen and (max-width:699px) {
.contactm {
	padding-bottom: 60px
}
.contactm .contar {
	width: 500px;
	margin: 20px 0
}
.contactm .contar input {
	width: 200px
}
.contactm .contar textarea {
	width: 476px
}
.contactm .contar li.capt input {
	width: 100px
}
.contactm .contar li.capt .submit {
	width: 150px
}
}
@media screen and (max-width:529px) {
.contactm .contar {
	width: auto
}
.contactm .contar textarea {
	width: 80%;
	width: calc(100% - 12px);
	width: -moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px)
}
.contactm .contar li.capt .yanzheng {
	margin-left: 10px
}
}
@media screen and (max-width:489px) {
.contactm .contar ul {
	padding-left: 6px;
	padding-right: 6px
}
.contactm .contar input {
	width: 180px
}
.contactm .contar li.capt .fr{width: 80%;
	margin-top: 10px; float:none; clear:both }
 .contactm .contar li.capt .submit {
	width: 100%;
	margin-top: 10px
}
}
@media screen and (max-width:439px) {
.contactm .contar input {
	width: 150px
}
}
@media screen and (max-width:377px) {
.contactm .contar li>div { 

clear: both;
    float: none;
	margin-bottom: 20px
}
.contactm .contar input {
	width: 80%;
	width: calc(100% - 12px);
	width: -moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px)
}
.contactm .contar li.capt input {
	width: 80px
}
}
@media screen and (max-width:319px) {
.contactm .contar li.capt input {
	width: 70px
}
}
.topdu20 {
	margin-top: 20px;
	margin-bottom: 20px
}
@media screen and (max-width:999px) {
.topdu20 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}
}
.nav2 {
	display: none;
	width: 100%
}
.nav2 ul li {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 2px
}
.nav2 ul li:hover, .nav2 ul li.hover {
	color: #0449b1
}
.nav2 ul li:hover a, .nav2 ul li.hover a {
	color: #0449b1
}
.nav2 ul li a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333
}
.shuxp_c {
	margin-top: 20px;
	margin-bottom: 10px
}
@media screen and (max-width:979px) {
.nav2 {
	display: block
}
.shuxp_c {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}
}
.pro1m .con .share {
	margin-top: 24px
}
.pro1m .con .share span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	margin-right: 10px
}
.p3_tshare {
	margin-top: 24px
}
.p3_tshare .span {
	display: block;
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 17px;
	margin-top: 5px
}
.solu1m .li1 table, .solu1m .li2 table, .pro1m .li1 table, .pro1m .li2 table {
	width: 97%;
	border-collapse: collapse;
	line-height: 24px;
	border: 1px solid #a0a0a0
}
.solu1m .li1 tr td, .solu1m .li2 tr td {
	line-height: 24px;
	padding: 2px;
	border: 1px solid #a0a0a0;
	color: #000
}
.solu1m .li1 a, .solu1m .li2 a, .pro1m .li1 a, .pro1m .li2 a {
	color: #000;
	text-decoration: underline
}
.gotop {
	opacity: 0;
	position: fixed;
	bottom: 100px;
	right: 5px;
	width: 60px;
	height: 60px;
	z-index: 9999;
	background: url(../png/jiaweishitop.png) no-repeat top center;
	cursor: pointer
}
.cuowu404 {
	width: 100%;
	max-width: 435px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 120px;
	margin-bottom: 20px
}
.cuowu404 img {
	width: 100%
}
@media screen and (max-width:999px) {
.cuowu404 {
	width: 80%;
	overflow: hidden
}
.solu1m .li1 table, .solu1m .li2 table, .pro1m .li1 table, .pro1m .li2 table {
	width: 800px
}
.solu1m .li1 .table, .solu1m .li2 .table, .pro1m .li1 .table, .pro1m .li2 .table {
	overflow: scroll
}
}
@media screen and (max-width:640px) {
.cuowu404 {
	width: 80%;
	overflow: hidden;
	margin-top: 20px
}
}
.downkaung {
	margin-top: 20px
}
.downkaung .span {
	display: inline-block;
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px
}
.downkaung .ul {
	float: left;
	margin-left: 10px
}
.pdf-yl {
	float: left;
	display: table;
	height: 58px;
	margin-right: 40px;
	margin-bottom: 20px
}
.pdf-yl a {
	display: table-cell;
	vertical-align: middle;
	padding-left: 66px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 24px;
	background: url(../png/bg-pdf-yl.png) no-repeat left center
}
.pdf-yl a:hover {
	color: #000
}
@media screen and (max-width:519px) {
.downkaung {
	margin-top: 20px
}
.downkaung .span {
	display: inline-block;
	float: none
}
.downkaung .ul {
	float: none;
	margin-left: 0;
	margin-top: 1rem
}
.pdf-yl {
	float: none;
	margin-right: 20px
}
}
@media screen and (max-width:374px) {
.pdf-yl a {
	padding-left: 58px;
	font-size: 14px;
	font-size: 1.4rem
}
}
.main .content {
	padding-top: 49px
}
.main .content li {
	float: left;
	width: 310px;
	margin-left: 13px;
	margin-top: 0;
	transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-webkit-transition: .7s
}
.main .content li .outer {
	border: 1px solid #f2f2f2;
	padding: 13px;
	padding-bottom: 19px
}
.main .content li .inner {
	position: relative;
	overflow: hidden;
	text-align: center
}
.main .content li .inner img {
	width: 100%;
	max-width: 282px;
	max-height: 282px
}
.main .content li .inner .mask {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../png/bg-pro-inner.png);
	transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s
}
.main .content li .inner .tit {
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	padding: 0 10px;
	margin-top: 75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.main .content li .inner .tit+hr {
	width: 75px;
	height: 2px;
	background: #fff;
	margin-top: 11px
}
.main .content li .inner .des {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
	margin-top: 11px
}
.main .content li .title {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	text-align: center;
	padding: 8px 4px;
	padding-top: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.main .content li:hover .outer {
	-webkit-box-shadow: 0 4px 12px #dedcdc;
	-moz-box-shadow: 0 4px 12px #dedcdc;
	box-shadow: 0 4px 12px #dedcdc
}
.main .content li:hover .mask {
	top: 0
}
.dan_box {
	font-family: Arial;
	margin-top: 33px
}
.dan_box .dantit {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.dan_box .des {
	max-height: 60px;
	overflow: hidden;
	margin-top: 9px;
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	color: #4d4d4d
}
.dan_box .more {
	color: #ccc;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 30px
}
@media screen and (max-width:1299px) {
.main .topcat li {
	width: 19%;
	margin-left: .5%!important;
	margin-right: .5%
}
.main .content li {
	width: 24%;
	margin-left: .5%!important;
	margin-right: .5%
}
}
@media screen and (max-width:899px) {
.main .topcat {
	padding-top: 20px
}
.main .topcat li {
	width: 32.33%;
	height: 48px;
	line-height: 48px;
	margin-top: 10px;
	background: #f2f2f2;
	border-radius: 4px
}
.main .topcat li.on {
	background: #999
}
.main .content li {
	width: 46%;
	margin-left: 2%!important;
	margin-right: 2%
}
.main .content .img {
	margin-top: 40px!important
}
.main .content .img img {
	width: auto
}
.main .content {
	padding-top: 20px
}
.main .content li {
	margin-top: 20px
}
.dan_box .des {
	margin: 0 auto
}
.dan_box .dantit {
	font-size: 20px;
	font-size: 2rem
}
}
@media screen and (max-width:559px) {
.dan_box {
	margin-top: 20px
}
.main .topcat li {
	font-size: 14px;
	font-size: 1.4rem;
	height: 40px;
	line-height: 40px
}
.main .content .img img {
	width: 90%
}
.main .content .tit {
	font-size: 18px;
	font-size: 1.8rem
}
.dan_box .dantit {
	font-size: 16px;
	font-size: 1.6rem
}
}
@media screen and (max-width:499px) {
.main .topcat li {
	width: 49%
}
}
@media screen and (max-width:374px) {
.main .content li {
	width: 96%;
	margin-left: 2%!important;
	margin-right: 2%
}
.main .content .img {
	height: 300px
}
.main .content .img img {
	width: auto
}
}
@media screen and (max-width:999px) {
.main .content li .inner .mask {
	display: none
}
.main .content li .inner .des {
	display: none
}
}
.header select {
	display: inline-block;
	float: right;
	margin-left: 26px
}
.header select {
	margin-left: 24px;
	width: 109px;
	height: 28px;
	background: transparent;
	border-color: #fff;
	color: #fff;
	border-radius: 10px;
	padding-left: 15px
}
.header select option {
	background: #333;
	line-height: 30px
}
.header .top .sjmt {
	margin-left: 68px
}
@media screen and (max-width:999px) {
.header select {
	margin-right: 30px
}
}
@media screen and (max-width:640px) {
.header .top .sjmt {
	display: none
}
}
.container {
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 999999999999999;
	cursor: pointer;
	position: fixed;
	top: -5px;
	right: 0;
	display: block
}
.container .nav {
	overflow: hidden;
	width: 300px;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: auto;
	overflow: scroll;
	margin-right: 0!important
}
.container .nav form {
	margin: 15px auto;
	width: 258px;
	height: 26px;
	border: 1px solid #fff
}
.container .nav form .iptc {
	box-sizing: border-box;
	padding-left: 15px;
	background-color: #fff;
	width: 80%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: left
}
.container .nav form .ipsc {
	width: 20%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: right;
	background: #333 url(../png/icon-search.png) no-repeat center center
}
.container .nav>ul {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
	overflow: scroll;
	padding-top: 45px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.container .nav>ul>li {
	line-height: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: 20px;
	position: relative
}
.container .nav>ul>li .addition {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 10px;
	background: url("../png/shizi.png") no-repeat center center
}
.container .nav>ul>li .addition.fa:before {
	margin-right: 5px;
	color: #fff;
	text-indent: 0
}
.container .nav>ul>li>a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin-right: 50px
}
.container .nav>ul>li>a span {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem
}
.container .nav>ul>li .c-show {
	display: none;
	width: 100%
}
.container .nav span {
	font-family: Arial, Helvetica, sans-serif!important
}
.container .nav>ul>li .c-show1 .c-s1 {
	position: relative;
	padding-left: 15px
}
.container .nav>ul>li .c-show1 .c-s1>a {
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 50px
}
.container .nav>ul>li .c-show1 .c-s1>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.container .nav>ul>li .c-show1 .c-s1>.c-show2 {
	position: relative
}
.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 {
	position: relative
}
.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a {
	text-indent: 35px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 50px
}
.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 {
	position: relative
}
.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {
	text-indent: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px
}
.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.container .nav>ul>dl {
	padding: 20px
}
.container .nav>ul>dl dd {
	float: left;
	margin: 0 2px
}
.container .menubtn {
	width: 23px;
	height: 18px;
	position: absolute;
	top: 12px;
	right: 4px;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 9999
}
.container .menubtn span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background-color: #e60012
}
@media screen and (min-width:768px) {
.container, .nav {
	display: none!important
}
}
.shuxp_c, .topdu20 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	margin-top: 5px;
	margin-bottom: 5px
}
.shuxp_c a {
	color: #e60012
}
@media screen and (max-width:640px) {
.main3 .topcat li {
	margin-bottom: 10px;
	width: calc(45% - 32px);
	margin-left: 2.5%!important;
	margin-right: 2.5%!important;
	float: left
}
.main .topcat li {
	width: 48%;
	margin-left: 1%!important;
	margin-right: 1%!important;
	margin-bottom: 10px;
	overflow: hidden
}
.nav2 ul li a {
	font-size: 14px;
	font-size: 1.4rem
}
}
.pro-share-pic {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	height: 26px
}
.tongwezi {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 20px
}
.at-resp-share-element .at-icon {
	width: 25px!important;
	height: 25px!important
}
.at-style-responsive .at-share-btn {
	padding: 0!important;
	border-radius: 2px!important
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 25px!important;
	height: 25px!important
}
.at-resp-share-element .at-share-btn {
	margin-bottom: 0!important;
	margin-right: 3px!important
}

.footer .item.it2 input.spydiyz{ width:208px;}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.item-mail .iconfont {
    color: #fff;
    vertical-align: middle;
    margin-right: 15px;
}
.item-mail .icon-email1 {
    font-size: 27px;
    font-size: 2.7rem;
}