﻿/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/

/* import responsive stylesheet */
@import url(Pad.css) screen and (max-width: 1024px);
@import url(Mobile.css) screen and (max-width: 760px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media only screen and (max-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  html,body,.wrap { min-width:0;}
  html { overflow-x:hidden;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;width: auto;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}
}

/*
* MobileMode
*/
@media only screen and (max-width: 760px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
}
   .culture .part1 ul li .box .cen2 .tit{padding-left: 0;}
  /*企业文化页面*/
    .culture .part1 ul li .box .cen2{padding: 40px 30px 0;}
/*企业文化*/
.culture .title {padding-bottom: 50px;}
.culture .title .t,.culture .title .s{text-align: center;}
.culture .title .t{font-size: 29px;color: #d20818; padding-bottom:15px;}
.culture .title .s{font-size: 14px;color: #393939;}
.culture .part1{min-height: 100%;margin: 0 auto;background: url(../img/culture/culture.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21968{min-height: 100%;margin: 0 auto;background: url(../img/culture/culture1.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21969{min-height: 100%;margin: 0 auto;background: url(../img/culture/culture2.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21970{min-height: 100%;margin: 0 auto;background: url(../img/culture/culture3.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1 ul li{height: 329px;}
.culture .part1 ul li .box{height: 100%;position: relative;overflow: hidden;}
.culture .part1 ul li .box .cen{width: 160px;height: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -80px;transform:scale(1);opacity: 1;transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;}
.culture .part1 ul li .box .cen .tit{font-size: 20px;text-align: center;color: #fff;}
.culture .part1 ul li .box .cen .en{font-size: 13px;color: #fff;font-family: 'Arial';text-align: center;}
.culture .part1 ul li .box .cen .img{text-align: center;color: #fff;padding-top: 8px;}
.culture .part1 ul li .box .cen .hr{width: 95px;height: 1px;background-color: #fff;margin: 8px auto 0;}
.culture .part1 ul li .box .cen2{padding:20px 10px 0 10px;background-color: #d60515;transform: scale(0.9);transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;opacity: 0;height: 100%;}
.culture .part1 ul li:hover .cen{transform: scale(0.7); opacity:0;filter:alpha(opacity=0);}
.culture .part1 ul li:hover .cen2{transform: scale(1);opacity: 1;filter: alpha(opacity=100)}
.culture .part1 ul li .box .cen2 .tit{font-size: 20px;color: #fff;text-align: left; padding-bottom: 10px;}
.culture .part1 ul li .box .cen2 .minh{font-size: 17px;color: #fff;}
.culture .part1 ul li .box .cen2 .hr{width: 100%;height: 1px;background-color: #fff;margin-top: 40px;}
.culture .part1 ul li .box .cen2 .en{text-align: right;font-size: 14px;color: #fff;font-family: 'Arial'; }
.culture .part1 ul li:first-child .box,.culture .part1 ul li:nth-child(2) .box{border-right: 1px solid #fff;border-bottom:1px solid #fff; }
.culture .part1 ul li:hover .box{border: none;}
.culture .part1 ul li:nth-child(3) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(4) .box,.culture .part1 ul li:nth-child(5) .box{border-right: 1px solid #fff;}
.culture .part1 ul li:nth-child(3) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(4) .box,.culture .part1 ul li:nth-child(5) .box{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(6) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(7) .box,.culture .part1 ul li:nth-child(8) .box{border-right: 1px solid #fff;}
.culture .part1 ul li.cen{display: block;}
.culture .part1 ul li.cen2{display: none;}
.culture .part1 ul li .box .cen2{filter:alpha(opacity=0);display: none\9;}
.culture .part1 ul li:hover .box .cen2{filter:alpha(opacity=100);display: block\9;}


/*渠道招商*/
.inv_cooperation .part_hd{margin-bottom:40px;}
.inv_cooperation .part_hd .hd_title{font-size:35px;font-weight:normal;margin-bottom:10px;}
.inv_cooperation .part1_bd{background:url(../img/fj/zshz_p1_bj.jpg) no-repeat center;padding:90px 0px 30px;}
.inv_cooperation .part1_bd ul{padding:0 10%;text-align: center;}
.inv_cooperation .part1_bd li{width:20%;margin-right:9.3%;display: inline-block;margin-bottom:50px;}
.inv_cooperation .part1_bd li.li4,.inv_cooperation .part1_bd li.li5{margin-right:0;}
.inv_cooperation .part1_bd li.li5,.inv_cooperation .part1_bd li.li6,.inv_cooperation .part1_bd li.li7,.inv_cooperation .part1_bd li.li8{float:right;}
.inv_cooperation .part1_bd .list_box{width:100%;height:0;padding-bottom:100%;-webkit-perspective: 800px;-moz-perspective: 800px;}
.inv_cooperation .part1_bd .list_bd,.inv_cooperation .part1_bd .list_hd{width:100%;height:100%;top:0;left:0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}

.inv_cooperation .part1_bd .list_hd{z-index:2;background: #fff;transition:all .5s ease;-webkit-transition:all .5s ease;}
.inv_cooperation .part1_bd .list_bd{display: none;}
.inv_cooperation .part1_bd li:hover .list_hd{background: #e60012;color: #fff;}


.inv_cooperation .part1_bd li .ion{font-size:30px;color:#fff;right:-64px;top:50%;margin-top:-20px;}
.inv_cooperation .part1_bd li .down_ico{display:none;}
.inv_cooperation .part1_bd li.li3 .left_ico,.inv_cooperation .part1_bd li.li5 .left_ico{display:none;}
.inv_cooperation .part1_bd li.li4 .down_ico{display:block;top:110%;right:50%;margin-right:-20px;}

.inv_cooperation .part1_bd .list_hd span{display:block;}
.inv_cooperation .part1_bd .list_hd .number{font-size:36px;font-family:Arial;margin-top:20%;}
.inv_cooperation .part1_bd .list_hd .text{font-size:20px;}

.inv_cooperation .part1_bd .list_bd .bd_text{font-size:20px;color:#fff;padding:10%;}

.inv_cooperation .part2{margin:36px 0;}
.inv_cooperation .part2 .list_box{border:1px solid #e0e0e0;padding:8% 10%;}
.inv_cooperation .part2 .list_ico{width:82px;height:82px;background:url(../img/fj/zshz_p2_ico.png) no-repeat;display:block;}
.inv_cooperation .part2 .list_ico2{background-position:-82px 0px;}
.inv_cooperation .part2 .list_text{width:78%;}
.inv_cooperation .part2 .list_t{font-size:24px;font-weight:normal;margin-bottom:10px;}


/*超市招商*/
.inv_supermarket .part_hd{margin-bottom:40px;}
.inv_supermarket .part_hd .hd_tit{font-size:35px;font-weight:normal;margin-bottom:20px;}

.inv_supermarket .part_bd .img_box{display:block;height:0;padding-bottom:40%;width:100%;overflow:hidden;}
.inv_supermarket .part_bd .img_box img{width:100%;height:auto;top:0;left:0;}
.inv_supermarket .part_bd .list_title{width:100%;height:100%;background:url(../img/ipt2_bg_red.png) repeat;color:#fff;font-size:28px;top:0;left:0;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.3 ease;opacity:0;visibility:hidden;-webkit-transform: scale(0.8,0.8);-ms-transform: scale(0.8,0.8);-o-transform: scale(0.8,0.8);transform: scale(0.8,0.8);} 
.inv_supermarket .part_bd .title_box{position:absolute;top:50%;left:0;width:100%;margin-top:-30px;font-weight:normal;}
.inv_supermarket .part_bd .title_box:after{content:"";width:50px;height:1px;background:#fff;display:block;position:absolute;bottom:-4px;left:50%;margin-left:-25px;}
.inv_supermarket .part_bd li:hover .list_title{opacity:1;visibility:visible;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
.inv_supermarket .part_bd li{margin-right:2%;float:left;margin-bottom:2%;}
.inv_supermarket .part_bd .li1,.inv_supermarket .part_bd .li5,.inv_supermarket .part_bd .li6{width:18%;}
.inv_supermarket .part_bd .li1 .img_box{padding-bottom:88.89%;}
.inv_supermarket .part_bd .li5 .img_box{padding-bottom:88.89%;}
.inv_supermarket .part_bd .li6 .img_box{padding-bottom:88.89%;}

.inv_supermarket .part_bd .li2,.inv_supermarket .part_bd .li4,.inv_supermarket .part_bd .li7{width:40%;}
.inv_supermarket .part_bd .li3,.inv_supermarket .part_bd .li8{width:38%;float:right;margin-right:0;}
.inv_supermarket .part_bd .li3 .img_box{padding-bottom:89.5%;}
.inv_supermarket .part_bd .li8 .img_box{padding-bottom:42.1%;}

/*招商公用联系底部*/
.inv_contant{background:#f5f5f5;padding:50px 10%;}
.inv_contant .top_box{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #a4a4a4;}
.inv_contant .list_box{display:inline-block;margin:0 4%;}
.culture .part1 ul li .box .cen2 .tit{position: relative;text-align: center;}
.culture .part1 ul li .box .cen2 .tit ._img{position: absolute;width: 70px;height: 70px;bottom: 15px;left: 0;}
.inv_cooperation .part1_con.eventBus2{padding-top: 0;margin-bottom: 36px;}
.app_down .part1 ul li .box .ios_img,.app_down .part1 ul li .box .android_img{display: inline-block;width: 28%;text-align: center;margin-top: 3%;}
@media only screen and (max-width: 760px) {
	.app_down .part1 ul li .box .ios_img, .app_down .part1 ul li .box .android_img{width: 50%;float: left;}
	.app_down .part1 ul li .box .apple_d, .app_down .part1 ul li .box .android_d{
		width: 50%;float: left;box-sizing:border-box;
	}
}
.inv_cooperation .part1_bd .tit{font-size: 35px;color: #fff;text-align: center;padding-bottom: 5%;line-height: 1; padding-right:90px;}
