.bok_cen {
	padding: 0px;
	background: #fff;
}
.bok_cen_ed {
	padding: 0px;
	background: #f3f6fb;
}
.bok_cen img, bok_cen_ed img{
	max-width:100%;
}
.boke_top{
	width:100%;
	height:300px;
	overflow:hidden;
}
.boke_top img{
	width:100%;
}
@media screen and (max-width: 767px) {
.boke_top{
	height:150px;
}
.boke_top img{
	width:auto;
}
}
/*网站定位*/
.bok_posit {
	float: left;
	padding: 10px;
	width: 100%;
	line-height: 30px;
	font-size: 14px;
}
.bok_posit a {
	color: #666;
	line-height: 30px;
}
.bok_posit a:hover {
	color: #ff4295;
	text-decoration: underline;
}

/*提交按钮统一样式*/
.trial_btn {
	display: inline-block;
	width:100%;
	text-align:center;
	margin:50px auto;	
}
.trial_btn  .sdwwqq{
	margin:0 auto;
	border:none;
	width: 180px;
	line-height:50px;
	font-size: 18px;
	color: #fff;
	background: #ff024d;
	padding:0;
}
.trial_btn .he20{
    display: inline-block;
	font-size:18px;
	padding:0 30px;
	margin-right:30px;
	line-height:46px;
	color:#fff;
	border-right:1px solid #bbb;
	
}
.trial_btn .he20 span{
	font-size:30px;	
}
@media screen and (max-width: 767px) {
.trial_btn {
	margin:20px auto;	
}
.trial_btn  .sdwwqq{
	width: 140px;
	line-height:33px;
	font-size: 14px;
}
}


/*产品中心*/
.product-center {
	float: left;
	width: 100%;
	margin:60px auto;
}
.product-center .pro_center_01_img {
	width: 50%;
	text-align:center;
}
.product-center .pro_center_01_img img {
	width:100%;
	height:100%;
}
.product-center .pro_center_02 {
	width: 46%;
	margin-bottom:10px;
}
.product-center .pro_center_02 .cent_r_tb{
	float: left;
	width: 100%;
}
.product-center .pro_center_02 .cent_r_tb ul li{
	float: left;
	width: 33%;
	text-align:center;
	font-size:14px;
	line-height:36px;
}
.product-center .pro_center_02 .cent_r_tb ul li img{
	max-width:100%;
}
.product-center .pro_center_02 .cent_r_tb ul li p{
	float: left;
	width: 100%;
	text-align:center;
	font-size:14px;
}
.product-center .pro_center_02 .pro_center_title {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
    margin-top: 15px;
}
.product-center .pro_center_02 .pro_center_title a{
	color:#000;
}
.product-center .pro_center_02 .pro_center_pp {
	float: left;
	width: 100%;
	line-height: 25px;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
}
.product-center .pro_center_02 .pro_center_pp a{
	color:#333;
}
 @media screen and (max-width: 767px) {
.product-center {
    margin: 15px auto;
}
.product-center .pro_center_01_img {
    width: 100%;
}
.product-center .pro_center_02 {
    width: 100%;
}
.product-center .pro_center_02 .pro_center_title {
    font-size: 16px;
    margin-top: 10px;
}
.product-center .pro_center_02 .pro_center_pp {
    line-height: 23px;
    font-size: 12px;
    text-align: left;
}
}

/*关于我们内容页统一样式*/
.bok-about {
	float: left;
	width: 100%;
	min-height:600px;
	margin: 15px auto;
}
.bok-about .about_left {
	float: left;
	width: 160px;
	box-shadow: 0px 4px 30px #ccc;
}
.bok-about .about_left ul li {
	float: left;
	width: 158px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	margin: 5px 0px;
	color: #333;
	line-height: 40px;
	border-left: 2px solid #fff;
}
.bok-about .about_left ul li a {
	color: #333;
	display: block;
}
.bok-about .about_left ul li:hover, .bok-about .about_left ul li a:hover {
	color: #ff024d;
	border-left: 2px solid #ff024d;
	text-decoration: none;
}
.bok-about .about_left ul li a.active{
	color: #ff024d;
	border-left: 2px solid #ff024d;
	text-decoration: none;
}
.bok-about .about_right {
	float: right;
	width: 1040px;
}
@media screen and (max-width: 767px) {
.bok-about {
	margin: 0px auto;
}
.bok-about .about_left {
	width: 100%;
	box-shadow:none;
	margin-bottom: 10px;
}
.bok-about .about_left ul li {
	width: 25%;
	height: 40px;
	font-size: 15px;
	margin: 5px 0px;
	border:0;
}
.bok-about .about_left ul li a.active{
	border:0;
}
.bok-about .about_right {
	width: 100%;
}
}

/*企业简介*/
.bok-about .about_right .company {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 23px;
	text-align: left;
	text-indent: 2em;
}
.bok-about .about_right .company img {
	max-width: 100%;
}


/*博克荣誉*/
.bok-about .honor {
	float: left;
	width: 100%;
}
.bok-about .honor>ul>li {
	float: left;
	width: 245px;
	height: 180px;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
}
.bok-about .honor>ul>li>img{
	width:100%;
    transition: .1s transform;
    transform: translateZ(0);
}
.bok-about .honor>ul>li.ry_last {
	float: right;
	margin-right: 0px;
}
.bok-about .honor>ul>li:hover {
  z-index: 1;
}
.bok-about .honor>ul>li:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}
@media screen and (max-width: 767px) {
.bok-about .honor>ul>li {
	width: 47%;
	height: 100%;
	margin-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
}
}

/*联系我们*/
.bok-about .contact {
	float: left;
	width: 100%;
}
.bok-about .contact .contact_wx {
	float: left;
	width: 100%;
	text-align: center;
}
.bok-about .contact .contact_wx .cat_wx {
	display: inline-block;
	width: 136px;
	margin: 0px 25px;
}
.bok-about .contact .contact_wx .cat_wx img {
	float: left;
	width: 100%;
}
.bok-about .contact .contact_wx .cat_wx p {
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}
.bok-about .contact .bok_name {
	float: left;
	width: 100%;
	margin: 10px auto;
	text-align: center;
	color: #000;
	font-size: 26px;
	font-weight: bold;
}
.bok-about .contact p {
	float: left;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 16px;
}
.bok-about .contact .asdw {
	float: left;
	width: 100%;
	color: #333;
	text-align: center;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.bok-about .contact .contact_wx .cat_wx {
    width: 34%;
    margin: 0px 10px;
}
.bok-about .contact .bok_name {
    font-size: 20px;
	margin:10px 0 15px 0;
}
.bok-about .contact p {
    font-size: 13px;
    margin-bottom: 5px;
}
.bok-about .contact .asdw {
    margin-bottom: 0;
    font-size: 16px;
}
}

/*人才招聘*/
.bok-about .recruit {
	float: left;
	width: 100%;
}
.ny_zblb1 {
	padding: 10px 10px 20px 0px;
}
.ny_zblb1 li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
}
.ny_zblb1 li a {
	display: block;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
	background: url(../images/04.gif) no-repeat 98% #f3f3f3;
}
.ny_zblb1 li a.cur {
	color: #000;
	font-weight: bold;
	background: url(../images/04_h.gif) no-repeat 98% #ebebeb;
	text-decoration: none;
}
.ny_zblb1 li .weswll {
	float: left;
	display: none;
	padding: 5px 0 5px 30px;
	color: #666;
	line-height: 23px;
	font-size: 12px;
	box-shadow: 0px 0px 24px #e4e4e4;
	margin-bottom: 5px;
}
.ny_zblb1 li .weswll p {
	float: left;
	width: 100%;
}
 @media screen and (max-width: 767px) {
}


/*全部下载列表*/
.down-list {
	float: left;
	width: 100%;
}
.down-list ul li {
	float: left;
	width: 300px;
	margin-right: 16px;
	margin-top: 25px;
	background: #fff;
}
.down-list ul li .down_img {
	float: left;
	width: 100%;
	height: 175px;
	overflow: hidden;
}
.down-list ul li .down_img a {
	display: block;
}
.down-list ul li .down_img img {
	width: 100%;
	height: 100%;
	cursor:auto;
	transition:all .5s;
}
.down-list ul li .down_img img:hover{
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
}
.down-list ul li .down_name {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 10px auto;
	text-align: center;
	font-size: 16px;
}
.down-list ul li .down_name a {
	color: #333;
}
.down-list ul li .down_name a:hover {
	color: #ff4295;
	text-decoration: none;
}
.down-list ul li.list_last {
	float: right;
	margin-right: 0px;
}
 @media screen and (max-width: 767px) {
.down-list ul li {
    width: 47%;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 15px;
}
.down-list ul li .down_img {
	width: 100%;
	height: 100%;
}
.down-list ul li .down_name {
    height: 20px;
    line-height: 23px;
    font-size: 14px;
}
}


/*下载软件详情*/
.down-show {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.down-show .down_show_img {
	float: left;
	width: 548px;
	height: 326px;
}
.down-show .down_show_img img {
	width: 100%;
	height: 100%;
}
.down-show .down_show_detail {
	float: right;
	width: 680px;
	color: #333;
}
.down-show .down_show_detail .detail_title {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.down-show .down_show_detail .deta_ppp {
	float: left;
	width: 100%;
	line-height: 25px;
	margin-top: 20px;
	font-size: 14px;
	text-indent: 2em;
}
.down-youshi {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.down-youshi ul li {
	float: left;
	width: 274px;
	height: 274px;
	margin-right: 50px;
	margin-top: 25px;
	background: #d8d8d8;
	border: 1px solid #fff;
}
.down-youshi ul li img {
	width: 100%;
	height: 100%;
}
.down-youshi ul li.list_last {
	float: right;
	margin-right: 0px;
}
.down-youshi ul li:hover {
	border: 1px solid #ff024d;
}
@media screen and (max-width: 767px) {
.down-show {
    margin-bottom: 20px;
}
.down-show .down_show_img {
    width: 100%;
    height: 100%;
}
.down-show .down_show_detail {
    width: 100%;
}
.down-show .down_show_detail .detail_title {
    font-size: 18px;
	margin-top:10px;
}
.down-show .down_show_detail .deta_ppp {
    line-height: 23px;
    margin-top: 10px;
    font-size: 13px;
}
.down-youshi ul li {
    width: 47%;
    height: 100%;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 15px;
}
}

/*软件详情*/
.soft_video {
	float: left;
	width: 100%;
	font-size:14px;
	line-height:25px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.soft_details {
	float: left;
	width: 100%;
	font-size:14px;
	line-height:25px;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
.soft_video, .soft_details {
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 20px;
}
}


/*常见问题*/
.cj_qustion {
	padding:0;
	width: 100%;
}
.cj_qustion .qst_top {
	float: left;
	width: 100%;
	max-height: 214px;
	padding:30px 0px;
	background: url(../images/qustion_bg.jpg) no-repeat;
}
.cj_qustion .qst_top .cj_search {
	margin:30px auto;
	width: 1060px;
	height: 48px;
	line-height: 48px;
}
.cj_qustion .qst_top .cj_search .input_search {
	float: left;
	width: 880px;
	font-size: 14px;
	color: #666;
	border: 0;
	padding-left: 10px;
}
.cj_qustion .qst_top .cj_search .input_btn {
	float: right;
	width: 180px;
	font-size: 16px;
	color: #fff;
	background: #ff024d;
	border: 0;
}
.cj_qustion .qst_top .list_sear {
	margin:0 auto;
	width: 1060px;
}
.cj_qustion .qst_top .list_sear ul li{
	display: inline-block;
	padding:0px 36px;
	line-height:30px;
	color:#fff;
	font-size:15px;
}
.cj_qustion .qst_top .list_sear ul li a {
	color: #fff;
}
.cj_qustion .qst_top .list_sear ul li a:hover{
	color: #ff024d;
	text-decoration:none;
}

.hot_qustion{
	float:left;
	width:100%;
	min-height: 600px;
	margin-bottom: 50px;
}
.hot_qustion .hot_title{
	float:left;
	width:100%;
	height:50px;
	font-size:22px;
	margin-top:20px;
	color:#333;
	line-height:50px;
}
.hot_qustion .hot_title a{
	color:#333;
}
.hot_qustion .hot_title a:hover{
	color:#ff024d;
	text-decoration:none;
}

.hot_qustion .hot_title .fab-d{
	float:right;
	font-size:14px;
	color:#ff024d;
}
.hot_qustion .hot_title .fab-d a{
	color:#ff024d;
}
.hot_qustion .hot_title .fab-d a:hover{
	color:#ff024d;
}
.hot_qustion .qst_2j{
	float:left;
	margin-top:20px;
	width:100%;
}
.hot_qustion .qst_2j ul li{
	float:left;
	font-size:14px;
	color:#ff024d;
	line-height:35px;
	margin-left:50px;
	list-style-type:disc;
}
.hot_qustion .qst_2j ul li a{
	color:#333;
}
.hot_qustion .qst_2j ul li a:hover{
	color:#ff024d;
	text-decoration:none;
}

.list_qst{
	margin:20px auto;
	width:90%;
}
.list_qst ul li{
	float:left;
	width:100%;
	padding: 20px 0 10px 0;
	border-bottom:1px solid #eee;
	color:#ff024d;
	list-style-type:disc;
}
.list_qst ul li .dews_tll{
	float:left;
	width: 100%;
	font-size:14px;
	line-height:35px;
	color: #333;
}
.list_qst ul li .dews_tll a{
	line-height:20px;
	color:#333;
}
.list_qst ul li:hover .dews_tll a{
	color:#ff024d;
	text-decoration:none;
}
@media screen and (max-width: 767px) {
.cj_qustion .qst_top {
    padding: 10px 0px;
}
.cj_qustion .qst_top .cj_search {
    margin: 15px auto;
    width: 80%;
    height: 30px;
    line-height: 30px;
}
.cj_qustion .qst_top .cj_search .input_search {
    width: 80%;
    font-size: 13px;
}
.cj_qustion .qst_top .cj_search .input_btn {
    width: 20%;
    font-size: 14px;
}
.hot_qustion .hot_title {
    height: 30px;
    font-size: 18px;
    margin-top: 20px;
    line-height: 30px;
}
.list_qst ul li .dews_tll {
    font-size: 12px;
    line-height: 23px;
    color: #848181;
}
}

/*选择问题类型*/
.style_qustion {
	float:left;
	width: 100%;
	height:70px;
	text-align:center;
	border-bottom:1px solid #eee;
}
.style_qustion .m-wrap{
	margin:15px auto;
	width: 120px;
	height:40px;
	font-size:18px;
	color:#000;
	line-height:40px;
	border:0;
}
/*问题详情页面*/
.qustion_show {
	float:left;
	width: 100%;
	min-height:600px;
	font-size:14px;
	line-height:25px;
	text-indent:2em;
	margin:20px auto;
}
.qustion_show .qst_show_tit{
	float:left;
	width: 100%;
	font-size:16px;
	line-height:30px;
	margin:10px auto;
	font-weight:bold;
	color:#000;
}
@media screen and (max-width: 767px) {
.qustion_show .qst_show_tit{
	font-size:14px;
	line-height:25px;
}
.qustion_show {
	font-size:13px;
	line-height:23px;
}
.style_qustion .m-wrap{
	font-size:16px;
}
}

/*正版查询*/
.original {
	width: 100%;
	min-height:600px;
	padding:30px 0px;
	text-align:center;
	background:url(../images/orig_bg.png) repeat-x;
}
.original .org001{
	float:left;
	width: 100%;
}
.original .org001 p{
	float:left;
	width: 100%;
	font-size:14px;
	color:#333;
	line-height:25px;
	text-align:left;
}
.original .org-cx{
	float:left;
	width: 100%;
	margin:10px auto;
}
.original .org-cx .cx_left{
	float:left;
	width: 42%;
}
.original .org-cx .cx_left p{
	float:left;
	width: 100%;
	font-size:16px;
	text-align:right;
	line-height:38px;
}
.original .org-cx .cx_right{
	float:right;
	width: 56%;
}
.original .org-cx .cx_right .cx-qw{
	float:left;
	width: 100%;
	margin-bottom:10px;
}
.original .org-cx .cx_right .cx-qw .swe01{
	float:left;
	width: 250px;
	height:36px;
	font-size: 14px;
	color: #666;
	border:1px solid #a0a0a0;
	padding-left: 10px;
	border-radius:3px;
}

.original .org-cx .cx_right .cx-qw .swe_btn {
	float: left;
	width: 90px;
	height:36px;
	margin-left:10px;
	font-size: 16px;
	color: #fff;
	background: #ff024d;
	border:1px solid #ff024d;
	border-radius:3px;
}
.original .org-tank {
	display: inline-block;
	margin: 30px auto;
	width: 540px;
	height: 250px;
	padding: 40px 50px;
	box-shadow: 0px 4px 30px #ccc;
}
.original .org-tank .zb {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 38px;
	color: #ff024d;
	margin-bottom: 35px;
}
.original .org-tank .zhengshu{
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px auto;
}
.original .org-tank .zhengshu img{
	width:200px;
	height:200px;
}
.original .org-tank p {
	float: left;
	width: 100%;
	text-align: left;
	line-height: 23px;
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
}
.original .org-tank p.zzzs{
	text-align: center;
}
.original .org-tank p.wcx {
	margin-top: 10px;
	color: #f00000;
	font-weight: bold;
}
.original .org-tank p.wcx01 {
	color: #f00000;
	padding-left: 4rem;
	font-weight: bold;
}
.original .org-tank p.zscx{
	text-align:center;
	line-height: 140px;
}
@media screen and (max-width: 767px) {
.original .org-cx .cx_left {
    width: 100%;
}
.original .org-cx .cx_left p {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
}
.original .org-cx .cx_right {
    float: left;
    width: 100%;
}
.original .org-cx .cx_right .cx-qw .swe01 {
    width: 77%;
    font-size: 13px;
}
.original .org-cx .cx_right .cx-qw .swe_btn {
    width: 20%;
    margin-left: 10px;
    font-size: 14px;
}
.original .org-tank {
    width: 100%;
    height: 200px;
    padding: 33px 40px;
}
.original .org-tank .zb {
    font-size: 32px;
    margin-bottom: 20px;
}
.original .org-tank p {
    font-size: 14px;
}
}

/*申请试用*/
.trial {
	width: 100%;
	min-height:600px;
	padding:30px 0px;
	text-align:center;
	background:url(../images/orig_bg.png) repeat-x;
}
.trial .tra_title{
	float:left;
	width: 100%;
	font-size: 32px;
    color: #000;
	margin-top:30px;
	margin-bottom:20px;
}
.trial p{
	float:left;
	width: 100%;
	font-size:16px;
	text-align:center;
	margin:100px auto;
}
.trial .ext-input{
	float:left;
	width: 100%;
	text-align:center;
}
.trial .ext-input .swe01{
	margin: 20px auto;
	width:450px;
	height:42px;
}
.trial .ext-input .swe01 input{
	width:450px;
	height:40px;
	border:1px solid #ccc;
	border-radius:3px;
	line-height:40px;
	padding-left:10px;
}
.trial .ext-input .llor{
	margin: 20px auto;
	width:450px;
	height:42px;
	border:1px solid #ccc;
	border-radius:3px;
}
.trial .ext-input .llor .ws02{
	float:left;
	width:80px;
	height:40px;
	border-right:1px solid #ccc;
	border-radius:3px;
	line-height:40px;
	text-align:center;
}
.trial .ext-input .llor .ws03{
	float:right;
	width:368px;
	height:40px;
	padding-left:10px;
	border:none;
	line-height:40px;
}
@media screen and (max-width: 767px) {
.trial {
    min-height: 300px;
}
.trial .tra_title {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0;
}
.trial .ext-input .llor {
	margin: 10px auto;
    width: 90%;
}
.trial .ext-input .llor .ws02 {
    width: 20%;
}
.trial .ext-input .llor .ws03 {
    width: 80%;
}
.trial .ext-input .swe01 {
	margin: 10px auto;
    width: 90%;
}
.trial .ext-input .swe01 input {
    width: 100%;
}
.trial p {
    font-size: 14px;
    margin: 50px auto;
}
}

/*Saas系统*/
.saas {
	float: left;
	width: 100%;
	margin: 20px auto;
}

.saas .saas_top {
	position:relative;
	float: left;
	width: 100%;
	padding-top:84px;
	padding-bottom:112px;
	background:url(../images/saas_ys.jpg) center center no-repeat;
}
.saas .saas_top .saas_pc{
	position:absolute;
	z-index:991;
	width:529px;
	height:517px;
	top: 33px;
    left: 29%;
}
.saas .saas_top .saas_pc img{
	max-width:100%;
}

.saas .saas_top .saas_01{
	width:120px;
}
.saas .saas_top .saas_01 ul li{
	float:left;
	width:118px;
	height:40px;
	line-height:40px;
	font-size:16px;
	text-align:center;
	border:1px solid #a9a9a9;
}
.saas .saas_top .saas_01 ul li:hover{
	color:#fff;
	background:#ff034d;
	border:1px solid #ff034d;
}
.saas .saas_top img{
	max-width:100%;
}
.saas_ys {
	width:100%;
	margin:30px auto;
	background:url(../images/saas_ys_bg.jpg) no-repeat;
}
.saas_ys .saas_center{
	margin:0 auto;
}
.saas_ys .saas_center ul li{
	float:left;
	width:20%;
	height:400px;
	padding: 0px 32px;
	color:#fff;
}
.saas_ys .saas_center ul li .saas_name{
	float:left;
	width:100%;
	text-align:center;
	font-size:20px;
	margin-bottom: 50px;
	margin-top:75px;
}
.saas_ys .saas_center ul li .saas_text{
	float:left;
	width:100%;
	text-align:left;
	font-size:14px;
	line-height: 23px;
}
.saas_ys .saas_center ul li.active{
	background:url(../images/saas_hover.png) repeat;
}
.saas_ys .saas_center ul li:hover{
	background:url(../images/saas_hover.png) repeat;
}
@media screen and (max-width: 767px) {
.saas {
	margin: 0px auto;
}
.saas .saas_top{
	padding-top: 10px;
    padding-bottom: 0px;
	background:none;
}
.saas_ys {
	margin:0px 0px 30px 0px;
	padding-bottom: 10px;
	background:url(../images/saas_ys_bg01.jpg) no-repeat;
}
.saas_ys .saas_center ul li{
	width:100%;
	height: auto;
	padding: 0px;
}
.saas_ys .saas_center ul li .saas_name{
	text-align:left;
	font-size:16px;
	margin-bottom: 5px;
    margin-top: 17px;
}
.saas_ys .saas_center ul li .saas_text{
	font-size:12px;
}
}

/*MTM系统*/
.mtm {
	float: left;
	width: 100%;
	margin: 20px auto;
}
.mtm_gc {
	float: left;
	width: 100%;
	height:985px;
	position: relative;
	font-size:20px;
	line-height:90px;
	color:#5e69d6;
	font-weight:700;
	/*background:url(../images/mtm_gc.jpg) center center no-repeat;*/
}
.mtm_gc .gc01{
	position:absolute;
	z-index:999;
	width:200px;
	top: 14px;
    left: 568px;
    height: 164px;
	text-align:center;
	background:url(../images/mtm_gc_paiban.png) center bottom no-repeat;
}
.mtm_gc .gc01:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_paiban_hover.png) center bottom no-repeat;
}
.mtm_gc .gc02{
	position:absolute;
	z-index:999;
	width:400px;
	height:90px;
	top: 179px;
    left: 62px;
	text-align:left;
	background:url(../images/mtm_gc_cad.png) right center no-repeat;
}
.mtm_gc .gc02:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_cad_hover.png) right center no-repeat;
}
.mtm_gc .gc03{
	position:absolute;
	z-index:999;
	width: 225px;
    height: 90px;
    top: 199px;
    right: 138px;
	text-align:right;
	background:url(../images/mtm_gc_cut.png) left center no-repeat;
}
.mtm_gc .gc03:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_cut_hover.png) left center no-repeat;
}
.mtm_gc .gc04{
	position:absolute;
	z-index:999;
	width: 285px;
    height: 90px;
    top: 378px;
    left: 49px;
	text-align:left;
	background:url(../images/mtm_gc_diy.png) right center no-repeat;
}
.mtm_gc .gc04:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_diy_hover.png) right center no-repeat;
}
.mtm_gc .gc05{
	position:absolute;
	z-index:999;
	width: 225px;
    height: 90px;
    top: 378px;
    right: 39px;
	text-align:right;
	background:url(../images/mtm_gc_line.png) left center no-repeat;
}
.mtm_gc .gc05:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_line_hover.png) left center no-repeat;
}
.mtm_gc .gc06{
	position:absolute;
	z-index:999;
	width: 335px;
    height: 90px;
    top: 571px;
    left: 0;
	text-align:left;
	background:url(../images/mtm_gc_3d.png) right center no-repeat;
}
.mtm_gc .gc06:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_3d_hover.png) right center no-repeat;
}
.mtm_gc .gc07{
	position:absolute;
	z-index:999;
	width: 234px;
    height: 90px;
    top: 571px;
    right: 32px;
	text-align:right;
	background:url(../images/mtm_gc_pay.png) left center no-repeat;
}
.mtm_gc .gc07:hover{
	color:#ff034d;
	background:url(../images/mtm_gc_pay_hover.png) left center no-repeat;
}

#caseBlanche {
    height:766px;
    width:766px;
    position:absolute;
    left: 22%;
    top: 140px;
	z-index:99;
}

#rond {
  height:766px;
  width:766px;
  border:2px dashed #0CF;
  border-radius:50%;
  animation:rond 3s infinite;
  -webkit-animation:rond 3s infinite;
}
#rond_xx{
	position:absolute;
	z-index:100;
  height:540px;
  width:540px;
  left: 15%;
  top: 113px;
  border:2px dashed #0CF;
  border-radius:50%;
  animation:rond 3s infinite;
  -webkit-animation:rond 3s infinite;
}
.load_pc{
	position:absolute;
	z-index:200;
  width:534px;
   height:447px;
      left: 9%;
    top: 161px;
}
.load_pc img{
	max-width:100%;
}

@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}
@keyframes rond_xx {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond_xx {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}

.mtm .mtm_tb{
	float: left;
	width: 100%;
	margin: 50px auto;
}
.mtm .mtm_tb ul li{
	float: left;
	width: 25%;
	text-align:center;
	
}
.mtm .mtm_tb ul li img{
	max-width:100%;
}
.mtm .mtm_tb ul li p{
	float: left;
	width: 100%;
	font-size:14px;
	line-height:36px;
}
.mtm .mtm_module{
	float: left;
	width: 100%;
	padding:20px;
	margin: 60px auto;
	box-shadow: 0px 4px 30px #ccc;
}
.mtm .mtm_module .mtm_mod_img{
	float: left;
	width: 650px;
	height:367px;
}
.mtm .mtm_module .mtm_mod_img img{
	width: 100%;
	height:100%;
}
.mtm .mtm_module .mtm_mod{
	float: right;
	width: 500px;
	margin-top: 18px;
}
.mtm .mtm_module .mtm_mod ul li{
	float: left;
	width: 150px;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	margin-left:50px;
	margin-top:40px;
}
.mtm .mtm_module .mtm_mod ul li.active{
	box-shadow: 0px 4px 30px #ccc;
}
.mtm .mtm_module .mtm_mod ul li a{
	color:#333;
}
.mtm .mtm_module .mtm_mod ul li a:hover{
	text-decoration:none;
}
.mtm .mtm_module .mtm_mod ul li:hover{
	box-shadow: 0px 4px 30px #ccc;
}

.duijie{
	width:100%;
	padding:50px 0px;
	text-align: center;
	background:#f7f7f7;
}
.duijie img{
	max-width:100%;
}

.he_zjjg{
	width:100%;
	padding:50px 0px;
	max-height:750px;
	background:url(../images/mtm_zzjg_ng.jpg) no-repeat;
}
.he_zjj_01{
	width:100%;
	height:614px;
	font-size:15px;
	color:#fff;
	text-align:center;
	position:relative;
	background:url(../images/mtm_zzjg.png) center center no-repeat;
}
.he_zjj_01 .zj01{
	position:absolute;
	width: 172px;
    height: 73px;
    top: 136px;
    left: 31px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj01:hover, .he_zjj_01 .zj02:hover, .he_zjj_01 .zj03:hover, .he_zjj_01 .zj04:hover, .he_zjj_01 .zj05:hover, .he_zjj_01 .zj06:hover, .he_zjj_01 .zj07:hover, .he_zjj_01 .zj08:hover, .he_zjj_01 .zj09:hover, .he_zjj_01 .zj10:hover, .he_zjj_01 .zj11:hover, .he_zjj_01 .zj12:hover, .he_zjj_01 .zj13:hover{
	background:#ff034d;
}
.he_zjj_01 .zj02{
	position:absolute;
	width: 173px;
    height: 96px;
    top: 136px;
    left: 261px;
	padding: 26px 0px;
	line-height:20px;
	border-radius: 3px;
	background:#3d4d85;
}

.he_zjj_01 .zj03{
	position:absolute;
	width: 173px;
    height: 61px;
    top: 293px;
    left: 261px;
	line-height:60px;
	border-radius: 3px;
	background:#3d4d85;
}

.he_zjj_01 .zj04{
	position:absolute;
	width: 173px;
    height: 61px;
    top: 418px;
    left: 261px;
	line-height:60px;
	border-radius: 3px;
	background:#3d4d85;
}

.he_zjj_01 .zj05{
	position:absolute;
	width: 246px;
    height: 63px;
    top: 33px;
    left: 489px;
	padding: 10px 0px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj06{
	position:absolute;
	width: 173px;
    height: 110px;
    top: 117px;
    right: 314px;
    padding: 30px 0px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj07{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 275px;
    right: 314px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj08{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 387px;
    right: 314px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj09{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 39px;
    right: 81px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj10{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 145px;
    right: 81px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj11{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 272px;
    right: 81px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj12{
	position:absolute;
	width: 173px;
    height: 73px;
    top:388px;
    right:81px;
	padding: 15px 0px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj13{
	position:absolute;
	width: 173px;
    height: 73px;
    top: 515px;
    right: 195px;
	line-height:73px;
	border-radius: 3px;
	background:#3d4d85;
}
.he_zjj_01 .zj14{
	position:absolute;
	width: 130px;
	height:200px;
    top: 197px;
    left: 546px;
}
.he_zjj_01 .zj14 ul li{
	float:left;
	width: 100%;
	height:40px;
	line-height:40px;
	color:#333;
	margin-bottom:8px;
	background:#fff;
}
.he_zjj_01 .zj14 ul li:hover{
	color:#fff;
	background:#ff034d;
}


@media screen and (max-width: 767px) {
.mtm {
	margin: 0px auto;
}
.mtm_gc_xp {
	float: left;
	width: 100%;
}
.mtm_gc_xp img{
	max-width:100%;
}
.mtm .mtm_tb {
    margin: 10px auto;
}
.mtm .mtm_module{
	padding:0px;
	margin: 20px auto;
	box-shadow:none;
}
.mtm .mtm_module .mtm_mod_img {
    width: 100%;
    height: 100%;
}
.mtm .mtm_module .mtm_mod {
    width: 100%;
    margin-top: 0;
}
.mtm .mtm_module .mtm_mod ul li {
    width: 33%;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    margin-left: 0px;
    margin-top: 20px;
}
.mtm .mtm_module .mtm_mod ul li.active {
    box-shadow: 0px 1px 10px #ccc;
}
.duijie{
	padding:20px 0px;
}
}



/*服装行业解决方案*/
.cloth_solut{
	width:100%;
	padding:50px 0px;
}
.cloth_solut .sulo{
	float:left;
	width:100%;
}
.cloth_solut .sulo ul li{
	width:45%;
	margin-top:30px;
}
.cloth_solut .sulo ul li:hover{
	border:1px solid #ccc;
}
.cloth_solut  .sulo ul li img{
	width:100%;
}
.cloth_solut p{
	float:left;
	width:100%;
	font-size:14px;
	color:#333;
	line-height:30px;
}
@media screen and (max-width: 767px) {
.cloth_solut{
	padding:20px 0px;
}
}

/*内衣解决方案*/
.cloth_solut .wear{
	float:left;
	width:100%;
	margin-top:30px;
}
.cloth_solut .wear ul li{
	float:left;
	width:25%;
}
.cloth_solut  .wear ul li img{
	width:100%;
}
.cloth_solut .wear ul li p{
	float:left;
	width:100%;
	line-height:30px;
	font-size:14px;
	color:#333;
	text-align:center;
}
.cloth_solut .wear ul li:hover{
	border:1px solid #ff024d;
}

@media screen and (max-width: 767px) {
.cloth_solut .wear ul li {
    width: 50%;
}
}
/*箱包行业解决方案*/
.bag_solut{
	width:100%;
	padding:50px 0px;
}
.bag_solut img{
	max-width:100%;
}
.bag_hytd{
	float:left;
	position:relative;
	width:100%;
	height:744px;
	font-size:22px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:url(../images/bag_td.png) center center no-repeat;
}
.bag_hytd .td_white{
	position:absolute;
	width:326px;
	height:326px;
    top: 151px;
    left: 476px;
	color:#333;
	font-size:24px;
	line-height:326px;
	background:url(../images/td_white.png) center center no-repeat;
}
.bag_hytd .td_blue01{
	position:absolute;
	width:157px;
	height:157px;
    top: 22px;
    left: 372px;
	line-height:159px;
	background:url(../images/td_blue01.png) center center no-repeat;
}
.bag_hytd .td_blue01:hover{
	top: 18px;
    left: 372px;
}
.bag_hytd .td_orange02{
	position:absolute;
	width:168px;
	height:168px;
	top: 267px;
    left: 219px;
	line-height:170px;
	background:url(../images/td_orange02.png) center center no-repeat;
}
.bag_hytd .td_orange02:hover{
	top: 263px;
    left: 219px;
}
.bag_hytd .td_purple03{
	position:absolute;
	width:203px;
	height:203px;
	bottom: 49px;
    left: 414px;
	line-height:204px;
	background:url(../images/td_purple03.png) center center no-repeat;
}
.bag_hytd .td_purple03:hover{
	bottom: 45px;
    left: 414px;
}
.bag_hytd .td_red04{
	position:absolute;
	width:171px;
	height:171px;
	bottom: 141px;
    right: 260px;
	line-height:171px;
	background:url(../images/td_red04.png) center center no-repeat;
}
.bag_hytd .td_red04:hover{
	bottom: 145px;
    right: 260px;
}
.bag_hytd .td_green05{
	position:absolute;
	width:152px;
	height:152px;
	top: 126px;
    right: 280px;
	line-height:152px;
	background:url(../images/td_green05.png) center center no-repeat;
}
.bag_hytd .td_green05:hover{
	top: 122px;
    right: 280px;
}



.bag_solut .bag{
	float:left;
	width:100%;
	margin-top: 50px;
}
.bag_solut .bag ul li{
	width:46%;
	background:#fff;
	box-shadow: 0px 4px 30px #e8e8e8;
	margin-bottom:30px;
}
.bag_solut .bag ul li:hover{
	background:#d42e2e;
	box-shadow: 0px 4px 30px #c5c5c5;
}
.bag_solut .bag ul li:hover .bag_text{
	color:#fff;
}
.bag_solut .bag ul li .bag_img {
	float: left;
	width: 100%;
	height: 342px;
}
.bag_solut .bag ul li .bag_img img {
	width: 100%;
	height: 100%;
}
.bag_solut .bag ul li .bag_text {
	float: left;
	width: 100%;
	height: 115px;
	padding: 10px 30px;
}
.bag_solut .bag ul li .bag_text p{
	float: left;
	width: 100%;
	font-size:14px;
	line-height:23px;
	margin-top: 8px;
}
.bag_solut .bag ul li .bag_text p.bag_title{
	font-size:16px;
	font-weight:bold;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.bag_solut{
	padding:0px;
}
.bag_solut .bag_td_xp{
	float:left;
	width:100%;
	text-align:center;
}
.bag_solut .bag_td_xp img{
	max-width:100%;
}
.bag_solut .bag {
    margin-top: 20px;
}
.bag_solut .bag ul li {
    width: 100%;
    margin-bottom: 20px;
}
.bag_solut .bag ul li .bag_img {
    width: 100%;
    height: 100%;
}
.bag_solut .bag ul li .bag_text {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.bag_solut .bag ul li .bag_text p.bag_title {
    font-size: 14px;
}
.bag_solut .bag ul li .bag_text p {
    font-size: 12px;
    margin-top: 0;
}

}

/*沙发行业解决方案*/
.sofa_solut{
	width:100%;
	padding-top:50px;
	background:#f7f7f7;
}
.sofa_top {
	width: 100%;
}
.sofa_top img {
	width: 100%;
}
.sofa_solut .sofa_jj {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.sofa_solut .sofa_jj .jj_img {
	float: left;
	width: 545px;
}
.sofa_solut .sofa_jj .jj_img img {
	max-width:100%;
}

.sofa_solut .sofa_jj .jj_detail {
	float: right;
	width: 600px;
	color: #333;
	line-height: 35px;
	font-size: 14px;
	text-indent: 2em;
}
.sofa_ybk{
	width:100%;
	padding-top:50px;
	text-align: center;
	background:#ededed;
}
.sofa_ybk .pc_ybk{
	float:left;
	width:100%;
	height:400px;
	/*background:url(../images/sofa_ybk.png) top center no-repeat;*/
}
.pc_ybk_fk{
	float:left;
	width:20%;
	text-align:center;
}

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

.ybk01, .ybk02, .ybk03, .ybk04, .ybk05{
	position:relative;
	float:left;
	margin-left: 25%;
	width:50%;
	background:url(../images/ybk_line.png) top center no-repeat;
}
.ybk01 .yb_txt01, .ybk02 .yb_txt02, .ybk03 .yb_txt03, .ybk04 .yb_txt04, .ybk05 .yb_txt05{
	float:left;
	width:100%;
	padding:5px;
	font-size:1.2rem;
	color:#333;
	line-height:20px;
	background:#ededed;
	border:1px solid #ccc;
}
.ybk01 .yb_txt01{
	margin-top:30px;
}
.ybk02 .yb_txt02{
	margin-top:68px;
}
.ybk03 .yb_txt03{
	margin-top:70px;
}
.ybk04 .yb_txt04{
	margin-top:33px;
}
.ybk05 .yb_txt05{
	margin-top:68px;
}
.ybk_zzc{
	position:absolute; 
	z-index:990;
	width:100%;
	height:100%;  
	left:0;
	bottom:0;
	background:#ededed; 
}
/*.ybk01{
	bottom:132px;
	left:260px;
}

.ybk02{
	bottom:113px;
	left:578px;
}

.ybk03{
	bottom:113px;
	left:826px;
}

.ybk04{
	bottom:110px;
	right:490px;
}

.ybk05{
	bottom:112px;
	right:210px;
}
*/

.ybk01 .yb_txt01:hover, .ybk02 .yb_txt02:hover, .ybk03 .yb_txt03:hover, .ybk04 .yb_txt04:hover, .ybk05 .yb_txt05:hover{
	cursor:pointer;
	color:#fff;
	background:#ff034d;
}


.sofa_yingjian {
	width: 100%;
	background:#f7f7f7;
	padding:50px 0px;
	color:#333;
}
.sofa_yingjian002 {
	width: 100%;
	color:#e2e2e2;
	background:#212121;
	padding:50px 0px;
}
.sofa-yj{
	float: left;
	width: 100%;
	padding:20px 0px;
}
.sofa-yj .yjm_img {
	width: 48%;
	text-align:center;
}
.sofa-yj .yjm_img img {
	max-width:100%;
}


.page5-tu1{
        right:0;
        animation: bounceInRight 2s 0.25s linear forwards;
}
.page5-tu2{
        left:0;
        animation: bounceInLeft 2s 0.45s linear forwards;
}

@keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(-3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(25px, 0, 0);}
        75% {transform: translate3d(-10px, 0, 0);}
        90% {transform: translate3d(5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }
@keyframes bounceInRight {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
        75% {transform: translate3d(10px, 0, 0);}
        90% {transform: translate3d(-5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }	

.sofa-yj .yjm_detail{
	width: 48%;
	padding-left: 25px;
	text-align:left;
}
.sofa-yj .yjm_detail .yj-tt{
	float:left;
	width: 100%;
	line-height: 35px;
	font-size: 16px;
	font-weight:bold;
}
.sofa-yj .yjm_detail .yj-pp{
	float:left;
	width: 100%;
	line-height: 35px;
	font-size: 13px;
}

.sofa_case{
	width:100%;
	padding-top:50px;
	padding-bottom:150px;
	background:url(../images/sofa_ditu.jpg) no-repeat;
}
.sofa_case .sofa_case_list{
	float:left;
	width:100%;
	margin-top:15px;
}
.sofa_case .sofa_case_list ul li{
	float:left;
	width:256px;
	margin-right:74px;
	margin-top:25px;
}
.sofa_case  .sofa_case_list ul li img{
	width:100%;
	height:100%;
}
.sofa_case .sofa_case_list ul li p{
	float:left;
	width:100%;
	line-height:30px;
	margin: 10px auto;
	font-size:14px;
	color:#333;
	text-align:center;
}
.sofa_case .sofa_case_list ul li.sofa_case_last{
	float:right;
	margin-right:0px;
}
@media screen and (max-width: 767px) {
.sofa_solut {
    padding-top: 20px;
	margin-bottom:10px;
	background:#fff;
}
.sofa_solut .sofa_jj {
    margin-top: 10px;
}
.sofa_solut .sofa_jj .jj_img {
    width: 100%;
}
.sofa_solut .sofa_jj .jj_detail {
    width: 100%;
    line-height: 23px;
    font-size: 13px;
}
.sofa_ybk {
    padding: 20px 0px;
}
.sofa_ybk .ybk_jw{
	float:left;
	width:100%;
}
.sofa_ybk .ybk_jw img{
	max-width:100%;
}
.sofa_ybk .ybk_jw p{
	float:left;
	width:100%;
	font-size:12px;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.sofa_yingjian {
    background: #fff;
    padding: 20px 0px;
}
.sofa-yj .yjm_img {
    width: 100%;
}
.sofa-yj .yjm_detail {
    width: 100%;
    padding-left: 0;
}
.sofa-yj .yjm_detail .yj-tt {
    font-size: 15px;
}
.sofa-yj .yjm_detail .yj-pp {
    line-height: 25px;
    font-size: 12px;
}
.sofa_yingjian002 {
    padding: 0px;
}
.sofa_case {
    padding-top: 20px;
    padding-bottom: 50px;
    background: none;
}
.sofa_case .sofa_case_list ul li {
    width: 47%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;
}
.sofa_case .sofa_case_list ul li p {
    margin: 0px auto;
    font-size: 13px;
}
}

/*服装纸样云系统*/
.yun_platform{
	width:100%;
	padding:50px 0px;
	text-align: center;
	background:#f7f7f7;
}
.yun_platform .yun_plan{
	float:left;
	width:100%;
	margin-top:50px;
}
.yun_platform .yun_plan .plan_left{
	float:left;
	width:230px;
	margin-left: 100px;
}
.yun_platform .yun_plan .plan_left ul li{
	float:left;
	width:100%;
	text-align:center;
	margin-top:50px;
}
.yun_platform .yun_plan .plan_left ul li img{
	max-width:100%;
}
.yun_platform .yun_plan .plan_left ul li p{
	float: left;
	width: 100%;
	font-size:14px;
	line-height:36px;
}
.yun_platform .yun_plan .plan_right{
	float:right;
	width:850px;
	overflow: hidden
}
.yun_platform .yun_plan .plan_right .plan_r_ck{
	float:left;
	width:100%;
	height:450px;
	margin-bottom: 15px;
}
.yun_platform .yun_plan .plan_right .plan_r_ck img{
	width:100%;
	height:100%;
}
.yun_platform .yun_plan .plan_right p{
	float:left;
	width:100%;
	font-size:14px;
	color:#666;
	text-align:left;
}
.yun_platform .yun_plan .plan_right p.bt_jj{
	float:left;
	font-size:15px;
	color:#000;
	font-weight: 700;
}


.yun_safe {
	width: 100%;
	margin: 50px auto;
	background:url(../images/yun_safe.png) center center no-repeat;
}
.yun_safe .safe_sj{
	width: 365px;
	margin:70px auto;
}
.yun_safe .safe_sj .safe_shuju{
	float:left;
	width: 100%;
	text-align:left;
}
.yun_safe .safe_sj .safe_shuju .safe_sj_a{
	float:left;
	width: 100%;
	font-size:18px;
	font-weight:700;
}
.yun_safe .safe_sj .safe_shuju .safe_sj_b{
	float:left;
	width: 100%;
	font-size:16px;
	line-height:25px;
	margin-top:10px;
}
.triangle1,.triangle2{
display:none;
}
.triangle3,.triangle4{
display:none;
}




.yun_project{
	width:100%;
	padding:50px 0px;
	text-align: center;
	background:#f7f7f7;
}
.project_da{
	position:relative;
	float:left;
	width:100%;
	height:590px;
	background:url(../images/yun_project.png) top center no-repeat;
}
.scfa_top01, .scfa_top02, .scfa_top03{
	width:196px;
	height:118px;
	background:url(../images/scfa_t.png) bottom center no-repeat;
}
.scfa_top01 .ws_da, .scfa_top02 .ws_da, .scfa_top03 .ws_da{
	float:left;
	width:100%;
	height:71px;
	line-height:70px;
	font-size:26px;
	color:#fff;
	background:#3456a6;
	border-radius: 5px;
}
.scfa_top01{
	position:absolute;
	top:34px;
	left:86px;
}
.scfa_top02{
	position:absolute;
	top:34px;
	left:527px;
}
.scfa_top03{
	position:absolute;
	top:34px;
	right:96px;
}

.scfa_bottom01, .scfa_bottom02, .scfa_bottom03{
	width:196px;
	height:113px;
	background:url(../images/scfa_b.png) top center no-repeat;
}
.scfa_bottom01 .ws_qaw, .scfa_bottom02 .ws_qaw, .scfa_bottom03 .ws_qaw{
	float:left;
	width:100%;
	height:71px;
	margin-top:42px;
	line-height: 30px;
    font-size: 26px;
    padding-top: 5px;
	color:#fff;
	background:#3456a6;
	border-radius: 5px;
}
.scfa_bottom01{
	position:absolute;
	bottom:44px;
	left:86px;
}
.scfa_bottom02{
	position:absolute;
	bottom:44px;
	left:534px;
}
.scfa_bottom03{
	position:absolute;
	bottom:44px;
	right:83px;
}
.scfa_top01 .ws_da:hover, .scfa_top02 .ws_da:hover, .scfa_top03 .ws_da:hover, .scfa_bottom01 .ws_qaw:hover, .scfa_bottom02 .ws_qaw:hover, .scfa_bottom03 .ws_qaw:hover{
	cursor:pointer;
	background:#ff034d;
}

.yun_bot{
	width:100%;
	background:#515151;
}
@media screen and (max-width: 767px) {
.yun_project .project_img{
	float:left;
	width:100%;
	text-align:center;
}
.yun_project .project_img img{
	max-width:100%;
}
.yun_safe {
	margin: 0px auto;
	background:none;
}
.yun_safe .safe_sj {
    float: left;
    width: 100%;
    margin:20px 0px 0px 0px;
}
.yun_safe .safe_sj .safe_shuju .safe_sj_a {
    font-size: 16px;
}
.yun_safe .safe_sj .safe_shuju .safe_sj_b {
    font-size: 14px;
    line-height: 23px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.yun_project {
    padding: 20px 0px;
    background: #ffff;
}
}

/*硬件产品*/
/* 滚动css */
.slideGroup {
	margin:50px auto;
	width: 100%;
	background: url(../images/yj_qh_bg.png) center bottom no-repeat;
}
.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
    padding: 30px 0 45px 130px;
	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
	width: 54px;
	height: 385px;
	background: url(../images/icoleft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../images/icoright.png) center center no-repeat;
}
.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	width: 900px;
	position: relative;
}

.slideGroup .parBd ul li .pic {
	float: left;
    text-align: center;
    width: 450px;
}

.slideGroup .parBd ul li .pic img {
	width: 450px;
	height: 385px;
	display: block;
	padding: 2px;
}


.slideGroup .parBd ul li .description {
	float:right;
	width: 415px;
	color:#333;
}
.slideGroup .parBd ul li .description h4{
	float:left;
	width:100%;
	font-size:18px;
	height: 40px;
	line-height: 40px;
	font-weight:bold;
}
.slideGroup .parBd ul li .description p{
	float: left;
	width:100%;
	margin-top: 10px;
	font-size:14px;
	line-height: 23px;
}

/*小屏展示  硬件产品轮播*/
.Homeslide{width:100%;color:#666565; margin-bottom:20px;position:relative;height: 271px; overflow: hidden;}
.Homeslide_hand0{width:25px;height:42px;position:absolute;left: 0;top:70px;background:url(../images/icoleft.png);cursor: pointer;}
.Homeslide_hand0:hover{background-position: 0 0;}
.Homeslide_hand1{width: 25px;height:42px;position:absolute;right: 0;top:70px;background:url(../images/icoright.png);cursor: pointer;}
.Homeslide_bigwrap{width:100%;position:relative;}

.hme_qh{width:100%;margin:0 auto;}
.hme_qh ul li{ float:left;width:100%; display:block; overflow:hidden;}
.hme_qh ul li.current{display:block}
.Homeslide_bigpicdiv{width:100%;height: 198px;}
.Homeslide_bigpicdiv_mask{display:block;width: 100%;height:40px;line-height: 40px;font-size: 16px; text-align:center; color:#333; font-weight:700;}
.Homeslide_bigpicdiv img{width:100%;}
.Homeslide_detail{text-align:center;padding:0px 15px;width:100%;height: 34px;overflow: hidden;}
/*小屏展示  硬件产品轮播 END*/


.hardware_ys{
	float:left;
	width:100%;
	margin-top:30px;
}
.hardware_ys ul li{
	float:left;
	width:190px;
	margin: 10px 60px;
}
.hardware_ys ul li img{
	width:100%;
	height:100%;
}
.hardware_ys ul li p{
	float:left;
	width:100%;
	margin-top:10px;
	line-height:30px;
	font-size:14px;
	color:#333;
	text-align:center;
}
.hardware_ys ul li:hover {
	background:#f7f7f7;
	border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.hardware_ys {
    margin-top: 10px;
}
.hardware_ys ul li {
    width: 47%;
    margin: 5px;
}
.hardware_ys ul li p {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 13px;
}
}

/*云衣定制*/
.yydz {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.yydz .yydz_img {
	float: left;
	width: 548px;
	height: 326px;
}
.yydz .yydz_img img {
	width: 100%;
	height: 100%;
}
.yydz .yydz_detail {
	float: right;
	width: 680px;
	color: #333;
	margin-top: 20px;
}
.yydz .yydz_detail .detail_tit {
	float: left;
	width: 100%;
	padding-left:20px;
	font-size: 22px;
	font-weight: bold;
	border-left:6px solid #ff034d;
}
.yydz .yydz_detail .deta_p {
	float: left;
	width: 100%;
	line-height: 25px;
	margin-top: 20px;
	font-size: 14px;
	text-indent: 2em;
}
.yydz_qianjing{
	float:left;
	width:100%;
	margin-bottom: 50px;
	background:#e8edf4;
}
.yydz_qianjing .qj_list{
	float:left;
	width:660px;
	margin-top: 70px;
	text-align:right;
}
.yydz_qianjing .qj_list .qj_list_tit {
	float: left;
	width: 100%;
	padding-right:20px;
	font-size: 22px;
	font-weight: bold;
	border-right:6px solid #ff034d;
	margin-bottom: 10px;
}
.yydz_qianjing .qj_list ul li{
	float:left;
	width:100%;
	margin-top:10px;
}
.yydz_qianjing .qj_list ul li p{
	float:left;
	width:100%;
	font-size:14px;
}
.yydz_qianjing .qj_list ul li p.qqqli{
	font-size:24px;
	color:#ff034d;
	font-weight:bold;
	margin-bottom: 0;
}
.yydz_qianjing .qj_pic{
	float:right;
	width:513px;
	height:487px;
}
.yydz_qianjing .qj_pic img{
	width:100%;
	height:100%;
}

/*优势*/
.yydz_ys{
	float:left;
	width: 100%;
	padding:20px 0px 50px 0px;
	text-align:center;
}

/*已加盟店铺*/
#yydz_shop {
	float:left;
	width:100%;
}


/*地图*/

.m_map {
	float:left;
	width: 100%;
	height: 710px;
	margin: 10px auto;
	position: relative;
	background: url(../images/yydz_ditu.jpg) no-repeat;
}

.mp {
	position: absolute;
	cursor: pointer;
}

.mp1 {
	width:41px;
	height:72px;
	right: 250px;
    top: 178px;
	background: url(../images/bj.png) no-repeat;
}
.mp1:hover{
	background: url(../images/bj_hover.png) no-repeat;
}
.mp2 {
	width:35px;
	height:64px;
	right: 226px;
    top: 210px;
	background: url(../images/sd.png) no-repeat;
}
.mp2:hover{
	background: url(../images/sd_hover.png) no-repeat;
}
.mp3 {
	width:31px;
	height:54px;
	right: 287px;
    top: 228px;
	background: url(../images/hn.png) no-repeat;
}
.mp3:hover{
	background: url(../images/hn_hover.png) no-repeat;
}
.mp4 {
	width:31px;
	height:56px;
	right: 248px;
    top: 254px;
	background: url(../images/js.png) no-repeat;
}
.mp4:hover{
	background: url(../images/js_hover.png) no-repeat;
}
.mp5 {
	width:31px;
	height:57px;
	right: 225px;
    top: 278px;
	background: url(../images/sh.png) no-repeat;
}
.mp5:hover{
	background: url(../images/sh_hover.png) no-repeat;
}
.mp6 {
	width:30px;
	height:53px;
	right: 244px;
    bottom: 351px;
	background: url(../images/fj.png) no-repeat;
}
.mp6:hover{
	background: url(../images/fj_hover.png) no-repeat;
}
.mp7 {
	width:31px;
	height:57px;
	right: 285px;
    bottom: 326px;
	background: url(../images/sz.png) no-repeat;
}
.mp7:hover{
	background: url(../images/sz_hover.png) no-repeat;
}
.mp8 {
	width:31px;
	height:56px;
	right: 257px;
    bottom: 315px;
	background: url(../images/xg.png) no-repeat;
}
.mp8:hover{
	background: url(../images/xg_hover.png) no-repeat;
}
.mp9 {
	width:32px;
	height:57px;
	right: 365px;
    bottom: 310px;
	background: url(../images/mjl.png) no-repeat;
}
.mp9:hover{
	background: url(../images/mjl_hover.png) no-repeat;
}
.mp10 {
	width:36px;
	height:67px;
	right: 285px;
    bottom: 254px;
	background: url(../images/yjd.png) no-repeat;
}
.mp10:hover{
	background: url(../images/yjd_hover.png) no-repeat;
}

/*平台提供的服务*/
.yydz-service {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.yydz-service ul li {
	float: left;
	width: 390px;
	height: 260px;
	margin-right: 39px;
	margin-top: 25px;
	background: #d8d8d8;
	border: 1px solid #fff;
	overflow:hidden;
}
.yydz-service ul li img {
	width: 100%;
	cursor:auto;
	transition:all .5s;
}
.yydz-service ul li img:hover{
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.yydz-service ul li.list_last {
	float: right;
	margin-right: 0px;
}

/*咨询加盟*/
.yydz_jiameng {
	float:left;
	width: 100%;
	padding:30px 0px;
	text-align:center;
}
.yydz_jiameng .yydz_jia{
	display: inline-block;
    margin-top: 40px;
	padding: 0px 80px;
	box-shadow: 0px 4px 30px #ccc;
}
.yydz_jiameng .yydz_jia .yydz_jia_title{
	float:left;
	width: 100%;
	font-size: 24px;
    color: #000;
	margin-top:30px;
	margin-bottom:20px;
}
.yydz_jiameng p{
	float:left;
	width: 100%;
	font-size:16px;
	text-align:center;
	margin:10px auto;
}
.yydz_jiameng .yydz_jia .yydz_jia_input{
	float:left;
	width: 100%;
	text-align:center;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .swe01{
	margin: 20px auto;
	width:450px;
	height:42px;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .swe01 input{
	width:450px;
	height:40px;
	border:1px solid #ccc;
	border-radius:3px;
	line-height:40px;
	padding-left:10px;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor{
	margin: 20px auto;
	width:450px;
	height:42px;
	border:1px solid #ccc;
	border-radius:3px;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor .ws02{
	float:left;
	width:80px;
	height:40px;
	border-right:1px solid #ccc;
	border-radius:3px;
	line-height:40px;
	text-align:center;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor .ws03{
	float:right;
	width:368px;
	height:40px;
	padding-left:10px;
	border:none;
	line-height:40px;
}
@media screen and (max-width: 767px) {
.yydz .yydz_img {
    width: 100%;
    height: 100%;
}
.yydz .yydz_detail {
    width: 100%;
    margin-top: 10px;
}
.yydz .yydz_detail .deta_p {
    line-height: 23px;
    margin-top: 10px;
    font-size: 13px;
}
.yydz_qianjing{
	margin-bottom: 0px;
	background:#fff;
}
.yydz_qianjing .qj_list {
    width: 100%;
    margin-top: 0px;
    text-align: left;
}
.yydz_qianjing .qj_list .qj_list_tit {
    padding-right: 0px;
    font-size: 22px;
    border: 0;
    text-align: center;
}
.yydz_qianjing .qj_list ul li .qy_xp {
    float: left;
    width: 100%;
    font-size: 12px;
}
.yydz_qianjing .qj_list ul li .qy_xp span {
    font-size: 18px;
    color: #ff034d;
    font-weight: bold;
	margin-right:10px;
}

.yydz-service {
    margin-bottom: 0;
}
.yydz_ditu{
	float:left;
	width:100%;
	text-align:center;
}
.yydz_ditu img{
	max-width:100%;
}
.yydz-service ul li {
    width: 32%;
    height: 100%;
    margin-right:4px;
    margin-top: 20px;
    border:0;
}
.yydz_jiameng .yydz_jia {
	width: 90%;
    margin-top: 20px;
    padding: 0px;
	box-shadow: 0px 4px 16px #ccc;
}
.yydz_jiameng .yydz_jia .yydz_jia_title {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor {
    width: 80%;
	margin: 10px auto;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor .ws02 {
    width: 15%;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .llor .ws03 {
    width: 85%;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .swe01 {
    width: 80%;
	margin: 10px auto;
}
.yydz_jiameng .yydz_jia .yydz_jia_input .swe01 input {
    width: 100%;
}
}
/*云衣定制页面  结束*/

/*新闻资讯*/
.news-tab {
	float: right;
	width: 180px;
}
.news-tab ul li{
	float: left;
	padding:0px 14px;
	font-weight:bold;
	font-size: 15px;
}
.news-tab ul li a{
	color:#333;
}
.news-tab ul li a:hover{
	color:#ff024d;
	text-decoration:none;
}
.news-tab ul li a.active{
	color:#ff024d;
}
.news-list {
	float: left;
	width: 100%;
	margin: 25px auto;
}
.news-list ul li {
	float: left;
	width: 100%;
	padding:30px 0px;
	border-bottom:1px solid #eee;
}
.news-list ul li .new-img {
	float: left;
	width: 315px;
	height: 157px;
	overflow:hidden;
}
.news-list ul li .new-img img{
	width:100%;
	cursor:auto;
	transition:all .5s;
}
.news-list ul li .new-img img:hover{
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
}
.news-list ul li .new-text {
	float: right;
	width: 915px;
}
.news-list ul li .new-text p {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 13px;
	color: #474747;
	margin-bottom: 4px;
	line-height: 23px;
}
.news-list ul li .new-text p.new-tit {
	font-size: 18px;
	color: #4b4a4b;
}
.news-list ul li .new-text p.new-tit a {
	display: block;
	color: #4b4a4b;
}
.news-list ul li:hover .new-text p.new-tit a {
	color: #ff4295;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
.news-tab {
    width: 100%;
}
.news-tab ul li {
    float: none;
    display: inline-block;
    padding: 0px 14px;
}
.news-list {
    margin: 0px auto;
}
.news-list ul li {
    padding: 10px 0px;
    border: 0;
}
.news-list ul li .new-img {
    width: 100%;
    height: 100%;
}
.news-list ul li .new-text {
    width: 100%;
}
.news-list ul li .new-text p {
    font-size: 12px;
    color: #969696;
}
.news-list ul li .new-text p.new-tit {
    font-size: 14px;
    color: #4b4a4b;
    margin-top: 10px;
}
}


/*新闻详情*/
.new-show {
	float: left;
	width: 100%;
}
.new-show h2 {
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
	color: #333;
	margin-bottom: 0;
}
.new-show .new-time {
	font-size: 13px;
	line-height: 30px;
	color: #8c8c8c;
}
.new-show .ws_new{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	margin: 30px auto;
	color: #666;
}
.new-show .ws_new img {
	margin: 10px auto;
	max-width: 100%;
}
@media screen and (max-width: 767px) {
.new-show h2 {
	font-size: 15px;
	line-height: 23px;
	margin-top: 10px;
	text-align:center;
	font-weight: 700;
}
.new-show .ws_new {
    font-size: 12px;
    line-height: 23px;
    margin: 10px auto;
}
}

/*页面切换*/
#pages {
	float: left;
	width: 100%;
	padding: 15px 0 10px;
	margin: 20px auto;
	text-align: center;
}
#pages a {
	display: inline-block;
	margin: 0px 5px;
	width: 26px;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333
}
#pages a.a1 {
	width: 70px;
}
#pages a.a2 {
	width: 90px;
}
#pages a:hover {
	background: #00a8e6;
	color: #fff;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	width: 26px;
	height: 22px;
	line-height: 22px;
	background: #00a8e6;
	border: 1px solid #00a8e6;
	color: #fff;
	text-align: center;
}
#pages select {
	border: 1px solid #e3e3e3;
	padding-left: 5px;
	line-height: 22px;
	width: 45px;
	height: 22px;
}

/*云衣定制荣誉*/
.yydz_honor{
	float:left;
	width: 100%;
	padding:30px 0px;
	background:#f7f7f7;
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.yydz_honor {
    padding: 20px 0px;
    margin-bottom: 10px;
	background:#fff;
}
.yydz_xp_ry{
	float:left;
	width:100%;
	padding: 10px 0px;
	background:#eae9ee;
}
.yydz_xp_ry ul li{
	float:left;
	width:44%;
	height: 14rem;
	border: 1px solid #e6e6e6;
    padding: 5px;
    background: #fff;
	margin:9px;
}
.yydz_xp_ry ul li img{
	width:100%;
	height:100%;
}
}

/*  Resets */
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mis-stage, .mis-slider {
    position: relative;
    overflow: hidden;
}
.mis-stage {
    width: 100%; /*  Set stage width as desired */
    text-align: center; /*  Center list navigation */
}
    .mis-slider {
	    list-style: none;
	    overflow: visible;
	    height: 100%;
	    margin-top: 0;
    }
        /*  Set slide width and padding */
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 100%;
            height: auto;
	        padding: 0;
            display: block;
            position: relative;
            float: left;
            overflow: visible !important;
        }
        .mis-slide.mis-current {
            z-index: 100;
        }
            /*  Slide container - inserted around the contents
                of each slide by the plugin */
            .mis-container {
                display: block;
                width: auto;
                height: auto;
                border: 0;
            }

    .mis-nav-buttons {
        display: block;
        position: absolute;
        height: 0;
        top: 0;
        opacity: 0.5;
        z-index: 200;
    }
        .mis-nav-buttons a {
            position: absolute;
            color: #eee;
            font-size: 0; 
            line-height: .01; 
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            text-decoration: none;
            text-indent: -9999px; 
        }
            .mis-nav-buttons a:hover {
                color: #ccc;
            }
            .mis-nav-buttons a.mis-next {
                left: auto;
                right: 0;
            }
            .mis-nav-buttons a.mis-prev {
                left: 0;
            }
            .mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after {
                content: "\2039"; 
                display: block;
                font-size: 80px;
                text-indent: 0;
            }
            .mis-nav-buttons a.mis-next:after {
                content: "\203A";
            }

    .mis-slider {
        margin-top: 138px;
        height: 80px;
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li img {
            max-width: 270px;
            width: 100%;
            border: none;
        }
        .mis-slide {
	        width: 360px;
            height: 435px;
	        padding: 40px;
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: #fff; 
    }


.zy-Slide{
    font-size: 12px;
    position:relative;
    width:754px;
    height:292px;
    margin:115px auto 0;
}
.zy-Slide ul{
    position:relative;
    width:754px;
    height:292px;
    margin:0;
    padding:0;
}
.zy-Slide li{
    position:absolute;
    list-style:none;
    background:#000;
    width:0;
    height:0;
    top:146px;
    left:377px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
    margin:0;
    padding:0;
}
.zy-Slide li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){ position: absolute; top: 50%; width: 39px; height: 40px; margin-top: -20px; cursor: pointer; line-height: 40px; padding-left: 12px; padding-right: 12px; }
.zy-Slide section:nth-child(1){
    left:-60px;
}
.zy-Slide section:nth-child(2){
    right:-60px;  
}