@font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
}
 


a{ color: #000; text-decoration: none;}
a:hover{ color: #000; text-decoration: none;}
ul,li{list-style: none;}
body {padding-top: 60px;color: #5a5a5a;width: 100%; padding-bottom: 0;overflow-x:hidden;font-family: AlibabaPuHuiTi-2-45-Light;}
 
/*.wd1680{ max-width: 1680px; margin: 0 auto;}*/
.m_dropdown{ position: relative;}
.carousel-indicators{ bottom: 20px;}
/*导航*/
.navbar-light .navbar-toggler{ border: 0;}
.navbar-brand{ margin-left: 30px; min-width: 150px;}
.pinpai_bg{ background: #f3f4f5;}
.career_bg{background: #e7e7e7;}
.dev_bg{ background: #f7f9fb; padding: 3rem 0; width: 100%;}
.red{ color: #FF0000;}
.bg_inverse{ background: #fff;/* border-bottom: 1px #ececec solid;*/ width: 100%;/*max-width:1680px;*/padding: 0; margin: 0; /*margin: 0 auto;*/}
.featurette{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.m_dropdown-menu{ display: none; border-top: 1px #f2f2f5 solid; background: #fff;   
white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;}
.m_dropdown-item{height: 88px; line-height: 88px; overflow: hidden; padding: 0 30px;}
.navbar-nav i{font-style: normal; color: #000; display: block; height: 88px; line-height: 88px; text-align: center; font-size: 14px; padding: 0 30px;white-space:nowrap;}
.carousel-indicators li{ max-width: 45px;}

.navbar-nav li.open .m_dropdown-menu{ display: block;white-space: nowrap;}
.navbar-nav li.open{ border-bottom: 1px #666666 solid;}
.m_dropdown-item{}
.navbar-toggler{ border-color: 0 !important;}
.nav-item a{ display: block; height: 60px; line-height: 60px;}
.navbar-nav li .m_dropdown-menu a{ display: inline-block; font-size: 13px; color: #b8b8b8;}
.navbar-nav li .m_dropdown-menu a:hover{ color: #333;}
.nav-item-anchor{ color: #000 !important; font-size: 1rem; font-weight: 300;}
.dropdown-menu{ border-radius: 0; border:0;}
.dropdown-item{ display: inline-block; width: auto;}
.carousel-caption {z-index: 10;bottom: 3rem;}
.carousel-item {height: 100%;background-color: #fff;text-align:center;}
.carousel-item > img {height: 100%;margin:0 auto;}
#index_height img.index1_1,
#index_height .carousel-item > img{ width: 100%; height: 100%;max-width: 100%; display: block; }  
/*搜索*/
.m_click_search{ width: 200px; height:30px;margin:5px 40px 5px 0; position: relative;}
.m_click_search i{ background: url(../images/serach.png) no-repeat right center; width: 19px; height: 19px;overflow: hidden; display: block; position: absolute; right: 15px; top: 6px;}
.form-control{ padding: 5px 15px; border-radius: 0;}
#m_search{ display: none;}
/*首页*/
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {margin-bottom: 1.5rem;text-align: center;}
.marketing h2 {font-weight: normal;}
.marketing .col-lg-4 p {margin-right: .75rem;margin-left: .75rem;}
.featurette-divider {text-align: center; padding: 42px;}
.featurette-divider1{ padding: 0 115px; text-align:left;}
.featurette-heading {font-size: 26px; margin-bottom: 45px; margin-top: 30px; color: #333;}
.index_featurette .featurette-heading,
.news_box .featurette-heading{font-size: 18px; /*transform: all 0.3s ease-out 0s;*/position: initial;}
.index_featurette .featurette-heading,
.news_box .featurette-heading{
	margin-bottom: 30px;
}
.index_featurette .featurette_bg,
.news_box .featurette_bg{background: #f7f7f7;}
.featurette-heading  .text-muted{margin:10px 0;display: block; font-size: 12px;color: #888;text-transform:uppercase;}
.index_featurette .featurette-heading  .text-muted,
.news_box .featurette-heading  .text-muted{font-size: 16px;}
.featurette-divider p.lead{margin-bottom: 60px;font-size: 12px;line-height:200%; color: #888;}
.index_featurette .featurette-divider  p.lead,
.news_box .featurette-divider  p.lead{margin-bottom: 38px;}
.m_img{ overflow: hidden;}
.btn-secondary{ color: #fff; background: #f3f4f5;}

/*.m_btn {transition: all 1s ease 0s; border-radius:2px ; background:none;}
.m_btn:hover {background: rgba(61, 61, 61,.8); }
.m_btn:hover a{color: #fff;}*/
/*.m_btn{transform: translate(0,0);
transition:all .2s ease-in 0s;}
.m_btn:hover{transform: translate(0,100%);
transition:all .2s ease-in 0s;}*/
/*.featurette_bg .m_btn:before {content: "MORE";display: block;
width: 160px;height: 42px;background: rgba(255, 255, 255, 0.22);text-align: center;line-height: 36px;font-size: 14px;color: #aeaeae;border: 1px solid #C6C6C6;transition: all 3s ease 0s;z-index: 1; margin: 0 auto;}
.featurette_bg .featurette-divider1 .m_btn::before{content: "MORE ———— "; margin: 0;}
.featurette_bg:hover .m_btn::before {background:rgba(51, 51, 51, 0.8);border: 1px solid #333; color: #fff;}

.featurette_bg .m_btn:after{
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}*/
.brand-index .m_list li{ position: relative;}
.brand-index .cur:before {content: "";display: block;
width: 1px;height: 45px;background: #1c1c1c;text-align: center; text-align: center; margin: 0 auto; position: absolute; top: 35px; left: 6px;}

.featurette_bg:hover .m_text {
/*	..top: 45%;*/
	margin-top: -20px;
	margin-bottom: 20px;
	/*position: relative;*/
}




/*从中心放大两部*/
.m_img img{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.m_img img:hover,
.m_pinpai_bg:hover .m_img img,
.m_img a:hover img{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);}
/*.carousel{ padding-top: 200px;}*/
.text-muted{ font-size: 1.4rem; display: block;}
.rel{ position: relative;}
.brand-history .m_list ul{ padding: 0;}
.brand-history .m_list li{height: 52px;font-size: 12px;line-height: 52px;text-align: left;cursor: pointer;transition: all 0.5s;list-style:none;white-space: nowrap;}
.brand-history .m_list li span{ display: none;font-size: 12px; margin-left: 30px; color: #121212;}
.brand-history .m_list li.cur, .brand-history .m_list li.hover{font-size: 12px;color: #121212; margin-left: 15px;}
.brand-history .m_list li i{ font-style:normal; color: #121212;}
.brand-history .m_list li.cur i:before { width:8px;content: '—';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; margin-left: -15px; overflow: hidden; color: #121212;}
.brand-history .m_list li.cur i:after { width:8px;content: '—';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; margin-left: 7px; overflow: hidden;color: #121212;}

.brand-history .m_list li.cur span{ display: inline-block;}
.brand-history .m_tips{ width: 100px; height: 50px; position: absolute;right: -50px;bottom: 70px; background: #fff; z-index: 999;}
.brand-history .m_tips span{ width: 50px; height: 50px; cursor: pointer; display: inline-block; overflow: hidden; float: left; text-align: center;}
.about_box h4{ font-size: 16px; color: #000; margin-bottom: 10px;}
.about_box p{ margin-bottom: 3px; font-size: 12px;}
.about_box p.mb30{ margin-bottom: 3rem;}
.m_prev{
	background: url(../images/m_prev.png) no-repeat center center;
}
.m_prev:hover{
	background: url(../images/m_prevh.png) no-repeat center center;
}
.m_next{
	background: url(../images/m_next.png) no-repeat center center;
}
.m_next:hover{background: url(../images/m_nexth.png) no-repeat center center;}

.brand-index .m_tips{ width: 140px; height: 70px; margin-left:-28px; background: #fff;}
.brand-index .m_tips span{ width: 50px; height: 50px; cursor: pointer; display:block; overflow: hidden; float: left; margin-left: 20px; margin-top: 20px;}

.brand-index .m_list ul{ padding: 0; margin-top: 10%; margin-bottom: 20px;}
.brand-index .m_list li{height: 40px;font-size: 18px;line-height: 40px;text-align: left;cursor: pointer;transition: all 0.5s;list-style:none; display: inline-block; margin-right: 20px; color: #c0c0c0;}
.brand-index .m_list li.cur, .brand-history .m_list li.hover{font-size: 18px;color: #1c1c1c;}

/*人才发展*/
.career_box .panel{margin-right: -15px;margin-left: -15px;}
.career_box .panel-title{ margin-bottom: 0; font-size: 24px;}
.career_box .panel-title a{height: 100px; line-height: 100px; display: block;}
.career_box .panel-body{ background: #464646; padding: 40px 0;}
#career_colse{ margin-top: 30px;}
/*.career_box .panel-title a:hover{background: #e7e7e7;}*/
.career_box .panel-body p{ color: #e5e5e5; font-size: 12px; margin:8px 50px;}
.career_box .panel-body p.career_colse{ margin-top: 30px;}
.career_box .panel-body p.career_colse img{ width: 36px; height: 36px;}
.career_box .panel-body h4{ color: #fff; text-align: center; margin-bottom: 50px; font-size: 24px; font-weight: normal;}
.career_box .panel-body p.mb20{ margin-bottom: 20px;}
.career_box .panel-body p.mt30{ margin-top: 30px;}

/*文章*/

.news_article{ background: #f3f4f5; padding: 40px 0;}
.news_article p{ color: #939494; font-size: 12px;}
.news_article p a{ color: #333;}
.news_article p a.right{float: right; color: #939494; margin-right: 40px;}
.news_article .news_article_foot p{ margin-bottom:5px;}
.news_article p.m_img{ margin: 50px 0;}
.news_article .news_article_line{ border-top:1px #939494 dashed; margin: 80px 0 50px;}

/*新闻中心*/
.news_box  .contact_text{text-align: center; background: rgba(0,0,0,.2);overflow: hidden;/* display: none;*/}
.news_box .news_img:hover .contact_text{/*display: block;*/}
.news_img .contact_text{ padding-top: 50%; display: none;}
.news_box .news_img:hover img,
.news_box .m_img a:hover img{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);}

.news_box .contact_text a{ display: block; width: 100%; height: 100%; padding-top: 40%;}
.new_title{ color: #fff; border: 1px #fff solid; padding: 10px 20px; color: #fff; font-size: 1.2rem; white-space: nowrap;}
.new_txt{ color: #fff; margin-top: 1rem;font-size: 1rem;}

/*联系我们*/
.contact_text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact_from .featurette-heading,
.contact_from .featurette-heading  .text-muted{color: #fff;}
.contact_from .from_input{ width: 100%; margin-bottom: 1rem; border: #999 1px solid;padding:8px; background: rgba(0,0,0,.2);color: #fff; }
.contact_from .btn{ background: #656568; color: #fff; padding:0.5rem 3rem;}
.contact_ico .featurette-heading{ margin-top: 0; margin-bottom: 20px;}
.contact_ico p{ margin-bottom:5px; font-size: 12px; color: #333;text-transform:uppercase!important;}
.contact_colse{ text-align: right; height: 30px; line-height: 30px; margin-right: -20px; }
.contact_colse span,
.contact_colse span img{ cursor: pointer;font-size: 1.8rem; color: #333; width: 18px; height: 18px;}

.contact_jm p{ margin-bottom:3px; font-size: 12px;}
.contact_jm h4{ font-size: 16px; color: #000; margin: 20px 0 10px;}
.contact_jm .featurette-heading{ margin-bottom: 20px;}

/*播放器*/
.m_player{ margin: 30px 0; height: 600px; width: 100%;}
/*品牌*/
.m_pinpai_bg{ overflow: hidden; border-top: 1px #f3f4f5 solid;border-bottom: 1px #fff solid;border-right: 1px #f3f4f5 solid;}
.m_pinpai_bg:last-child{/*border-right: none*/}
.pinpai_box .contact_text{ background: rgba(0,0,0,.2); padding: 15px;top:-100%;left:0;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition: all 1s; overflow: hidden;}
.pinpai_box .contact_text .pinpai_title{ width: 100%; height: 100%; border: 1px #fff solid; text-align: center; }
.pinpai_box .contact_text .pinpai_title p{ font-size: 20px; color: #fff;}
.pinpai_box .featurette-divider1 p{ font-size: 12px; color: #5a5a5a;}
.pinpai_box .featurette-divider1 p.lead{ color: #5a5a5a;}
.pinpai_box .contact_text .pinpai_title p span{ font-size: 16px;}
.m_pinpai_bg:hover .contact_text{top: 0;}
.m_pinpai_bg a{width: 100%; height: 100%;}
.m_pinpai_bg img{ width: 100%; height: 100%;}
.pinpai_bg .featurette-divider p.lead{ margin-bottom: 10px;}
/*人才发展*/
.m_dev_box h4{ font-size: 20px; margin: 3rem;}
.m_dev_box .lead{ font-size: 12px;}
.m_s_job dl+dl:before{margin-left:-30px;color:#000;content:"......."; float: left; line-height: 77px;}
.m_s_job dl dt{ margin-bottom: 20px;}
.m_s_job1{-webkit-overflow-scrolling:touch; white-space: nowrap; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.m_s_job1 dl{ text-align: center; display: inline-block; padding: 0 10px; width: 100px; }
.m_s_job1 dl+dl:before{color:#000;content:"...."; float: left; line-height: 77px; margin-left: -18px;}
.m_s_job1 dl dt{ margin-bottom: 20px;}
.m_s_job1 dl dd{ font-size: 12px;white-space: nowrap; text-align: center;}

.m_s_job{display: -webkit-box;display: box;position: relative;overflow: hidden; width: 100%; height: 100%;}
@media (max-width: 768px){
	.m_dev_nav{ height: 80px; overflow: hidden;}
	.m_s_job1{overflow-x:scroll; overflow-y: hidden;}
	.m_s_job{ height: 95px; margin: 0;}
}
.dev_btn{ margin: 2rem 0;}
.dev_btn a{ width: 100px; display: inline-block; text-align: center; color: #333; margin: 0 20px;}
.career_box .dev_btn a{ background: #f7f9fb;}
.dev_btn a:hover{ color: #fff;}
/*底部*/
.footer-bottom ul>li+li:before{padding:0 10px;color:#ccc;content:"|"}
.m_footer{ background: #656568; padding: 50px 0;font-size: 12px; }
.m_footer p{ color: #fff;}
.m_footer ul{padding: 0;}
.m_footer ul li{ display: inline-block; text-align: center;}
.m_footer ul li a{ color: #fff;}
.m_footer ul.ico-tel li a{ width: 29px; height: 29px; display: block; margin: 0 5px;}
.icon-weibo{ background: url(../images/icon-weibo.jpg);}
.icon-weixin{ background: url(../images/icon-weixin.jpg);}
.icon-qq{ background: url(../images/icon-qq.jpg);}

/*平滑特效*/
.btn_m_box {text-align: center;border: 1px #ddd solid;background: none;cursor: pointer;padding: 8px 16px;/*text-transform: uppercase;*/letter-spacing: 2px;font-size: 14px;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;z-index: 2;display: block;}

.btn_m_box:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.btn_m_box:after {width: 0%;height: 100%;top: 0;left: 0;background:#4d4d4d;}
.btn_m_box:hover,
.btn_m_box:active,
.index_featurette a:hover .btn_m_box,
.news_box .m_img a:hover .btn_m_box{color: #fff;/*border: 1px #333 solid;*/}
.btn_m_box:hover:after,
.index_featurette a:hover .btn_m_box:after,
.news_box .m_img a:hover .btn_m_box:after{width: 100%; color: #fff;}
.cont_btn1{ width: 120px; color: #fff; background: #656568; border: none;}
.contact_from .cont_btn1{background: #ddd;}
.cont_btn1:active,
.cont_btn1:hover,
.cont_btn1:hover:after{border:0 !important;}
/*.cont_btn1:after{
	background: #999;
}
.cont_btn1:hover{ color: #000;}*/
.featurette_bg .btn_m_box{ width: 55%; margin: 0 auto;}
.featurette_bg:hover .btn_m_box{ color: #fff;}
.featurette_bg:hover .btn_m_box:after{width: 100%; color: #fff;}

.featurette_bg1 .btn_m_box{ width: 180px;letter-spacing: 0;}
.featurette_bg1:hover .btn_m_box{ color: #fff;}
.featurette_bg1:hover .btn_m_box:after{width: 100%; color: #fff;}

@media (min-width: 1700px){
	.brand-index .m_img{ height:974px; overflow: hidden;}
	.brand-index .m_img img{ width: 100%; height:auto;}
}

@media (max-width: 1440px){
	.featurette-divider2{ padding: 0 65px;}
}
@media (max-width: 720px){
.form-inline,
.navbar-nav i.m_eng{ display: none;}
.collapse.show{ min-height: 720px; background: #fafafa; overflow: hidden;}
/*.bg_inverse{ height: 49px;}*/
.m_dropdown-menu{ display: block; background: #f2f2f5;height: auto;}
.nav-item{width: 100%; font-size: 15px; border-bottom: 1px #f2f2f5 solid; }
.nav-item .nav-item-anchor{height: 40px; line-height: 40px;}
.navbar-nav i{ font-size: 15px; height: 40px; line-height: 40px; margin-top:0;}
.m_dropdown-menu a{ width: 100%; font-size: 12px; height: 26px; line-height: 26px; overflow: hidden; text-align: center; display: block;}
.navbar-nav li .m_dropdown-menu a{ display: block;}
.featurette-divider{ padding: 40px 15px;}
.news_box .featurette-divider{ padding: 20px 15px 40px;}
.brand-history .m_tips{ position: absolute;right: 50px;top:55px; background: #fff; }
.brand-history .m_list li.cur{ white-space: nowrap;}
.m_stores .carousel-item {height: 200px;background-color: #fff; padding: 20px;}
.m_stores .block{ width: 100%; text-align: center; padding: 20px 0;}
.m_stores h2,.m_stores p{width:100%;min-width: 320px; }
.m_stores #myCarousel{ display: none;}
.featurette-divider2{ padding: 0; width: 95%; min-height: 250px;margin-left: 5%;}
.news_article h2{ font-size: 20px; margin-top: 20px !important;}
.contact_from{ margin: 20px;}
/*.brand-history .m_list ul li{ padding: 0 15px;}*/
#contact_width{ height: 503px;overflow: hidden;}
.contact_ico{ background: #fff;  padding: 0 30px 30px; }
#contact_text{width: 90%; left: 5%; top: 23%;}
#from_img { margin-top: 20px;}
#from_img img{min-height: 660px;}
.contact_from .featurette-heading{ padding-top: 30px;}
.m_select { width: 300px; margin: 0 auto;}
.m_select .form-group{ width: 140px; overflow: hidden; padding: 0; margin:5px !important;}
.fixed-top{height: 60px;}
.m_pinpai_bg{ border: 0;}
.pinpai_box .carousel-item{ text-align: center;}
.pinpai_box #myCarousel1 .carousel-item{ height: 100% !important;}
.pinpai_box .carousel-item > img {height: auto; width:100%;}
.m_s_job1 dl{ width: 20%;}
.m_s_job1 dl img{ width: 100%; height: auto;}
.m_s_job1 dl+dl:before{ line-height: 30px;}
.m_s_job1 dl dd{ font-size: 10px;}
}

.m_list_sider{ height: 60px; line-height: 60px; overflow: hidden; text-align: center;}
.m_list_sider a{ display: block; width: 50px; height: 50px; font-size: 20px; text-align: center; line-height: 50px; float:left;}
.m_list_sider a.m_prev{ margin-right: 50px;}
.pinpailist_img li{ display: none; width: 100%; text-align: center; height: 50px; line-height: 50px;text-indent:0; background: none; overflow: hidden;bottom:-35px ;}
.pinpailist_img .active{display: block;}
@media (min-width: 720px){
	body{padding-top: 88px;}
	.dev_btn a{ width: 140px;}
	.bg_inverse{ height: 88px;}
	.m_dropdown-menu{ position: absolute; width: 100%; height: 60px; line-height: 60px;left: 0; top:88px; z-index: 9999;}
	.nav-item{ display: inline-block;height:88px;line-height: 88px; overflow: hidden;}
	.featurette-divider {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;}
	.navbar-nav .m_zw,
	.navbar-nav li.nav-item:hover a.nav-item-anchor,
	.navbar-nav li.active a.nav-item-anchor{ margin-top: 0; }
	.navbar-nav li.nav-item:hover a.nav-item-anchor,
	.navbar-nav li.active a.nav-item-anchor{ display: block; margin-top: -88px;white-space: nowrap;}
	.m_select{width: 560px; padding-left: 60px; margin: 0 auto;  text-align: center;}
	.brand-history .m_img{ height:630px; overflow: hidden;}
	.brand-history .m_img img{ width: 100%; height:748px;}
	#m_img1{height: 185px; overflow: hidden;}
	#m_img1 img{ width: 100%; height: 100%;}
	.contact_jm{ padding: 100px 35px 78px 110px;}
	.m_select .form-control{ width: 200px;}
	.contact_from{ padding: 100px 120px 120px;}
	.contact_ico{ background: #fff; padding: 0 30px 30px; margin-top: 30%;}
	#from_img img{ min-height: 700px;}
}
/*@media (min-width: 1280px){
	.carousel-item {height: 35rem; width: 100%;}
	.carousel-item > img {height: 35rem; width: 100%;}
	.pinpai_box .carousel-item{ text-align: center; height: auto;}
	.pinpai_box .carousel-item > img {height: auto; width:auto;}
	/*.m_pinpai_bg .m_img a{ min-height: 850px;}
}
@media (min-width: 1400px){
	.carousel-item {height: 40rem;}
	.carousel-item > img {height: 40rem;}
}
@media (min-width: 1600px){
	.carousel-item {height: 830px;}
	.carousel-item > img {height: 830px;}
	
}*/

@media (min-width: 720px){
	.m_stores{ background: #fff; width: 520px; height: 205px; position: absolute; left: 50%; margin-left:-260px; top: 30%; z-index: 999;}
	.m_stores .carousel-inner{background: #fff; width: 520px; height: 150px; overflow: hidden;}
	.m_stores .carousel-item{display:none; padding-top: 40px;  width: 520px; height: 150px; background: #fff; }
	.m_stores .active{ display:block;}
	.m_stores .carousel-item .block{ width: 520px; height: 150px; overflow: hidden;background: #fff;}
	.m_stores h2,.m_stores p{width: 520px;}
	.about_scorll{overflow-y: auto; overflow-x: hidden; padding: 0px; max-height: 500px;}
	.about_scorll2{overflow-y: auto; overflow-x: hidden; padding: 0px; max-height: 280px;margin-right: -20px;}
	.about_scorll p.lead,.about_scorl2 p.lead{ margin-right: 20px;}
	.m_dev_nav{ width: 840px; margin: 0 auto;}
}

.m_select{ margin-top: 8rem;}
.m_stores h2{ display: block; text-align: center; font-size: 24px; margin-bottom: 20px; color: #333; margin: 0;}
.m_stores p{ display: block; text-align: center; font-size: 12px; color: #999; padding-top: 14px; margin: 0;}
.m_stores p.fx16{ font-size: 16px; color: #333;}
.m_stores .carousel-control{ font-size: 30px; width: 25px; height: 25px; text-align: center;line-height: 25px; margin: 0 20px;}


.pinpai_box .btn_m_box{text-transform: uppercase!important;}




#scrollbar1 { width: 100%; position: relative;}
.scrollbar{ width: 4px;}
#scrollbar1 .viewport {height: 400px; width: 92%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; right: 0; top: 0; padding: 0; margin: 0;}
#scrollbar1 .scrollbar{background:#dddddd;position:absolute;top:0;right:0;width:1px;}
#scrollbar1 .track { background:#dddddd; height: 100%; width:1px; position: relative;}
#scrollbar1 .thumb { background:#787878; height: 20px; width: 1px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/*@media only screen and (min-width: 900px) {
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}

}
*/
.hg_700{max-height: 500px; overflow: hidden;}
.m_box_scorll{width:100%;overflow-x: hidden;}


.icon-weixin{ position: relative;}
.scan_qrcode_bg{background:url(../images/top_ewm.jpg) no-repeat;width:120px;height:120px;overflow:hidden;position:absolute;bottom:40px;left:-45px;z-index:1000;zoom:1;display:none; border: 5px #fff solid;}
.icon-weixin:hover .scan_qrcode_bg{ display: block;}

.form-group{ background: #FFF;}
select::-ms-expand { display: none; }
select {border: solid 1px #000;appearance:none;-moz-appearance:none; -webkit-appearance:none; padding-right: 14px !important;background: url(../images/arrow.png) no-repeat scroll right 10px center #FFF !important;}

#index_intr{ height: 96px; overflow: hidden;}
.m_wt100{ width: 100%; height: 100%;}

#index_height{overflow: hidden; width: 100%;}
.m_contact_text{display: table-cell;vertical-align: middle; text-align: center; background: rgba(0,0,0,.3);}
h1.m_title{ width: 100%; text-align: center; color: #fff; font-size: 3.6rem;letter-spacing: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;}


.m_first_slide{ background-repeat:no-repeat; width: 100%; height: 100%; background-size: cover;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;opacity:1;}


.new_listbox{padding: 0; margin:100px 15px 0;}
.new_listbox li{ overflow: hidden;}
.new_listbox li .line{  border-top: 1px #e9e9e9 solid;  padding: 30px 0 55px; margin: 0; position: relative;}
.new_listbox h4{ font-size: 16px; color: #333333; margin-bottom: 20px;}
.new_listbox li:hover h4{ margin-left: 20px;}
.new_listbox li:hover h4:before {width:20px;content: '—';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; margin-left: -20px; overflow: hidden; color: #121212;}

.new_listbox p{ font-size: 12px; color: #666666; line-height: 200%;}
.new_listbox .m_hui{ font-size: 12px; color: #a9a9a9; padding-bottom: 10px;}
.m_line{border-top: 1px #e9e9e9 solid; padding: 60px 0 90px; margin: 0 30px;}


.pinpai_box1 .contact_text{top: 0;}
.pinpai_box1 .contact_text .pinpai_title{ border: 0;}
.pinpai_box1 .contact_text:hover{ background: none;}
.pinpai_box1 .contact_text .pinpai_title p{text-transform: uppercase!important; padding: 20px 0; margin: 0 8%; font-size: 20px; line-height: 140%;}
.pinpai_box1 .contact_text:hover p{ display: block;background: rgba(237,237,237,.3); color: #222 !important;}
.pinpai_box1 .contact_text .pinpai_title p span{ font-size: 12px; display:block}
.pinpai_box2 .contact_text .pinpai_title{ padding: 28% 0;}
.pinpai_box2 #myCarousel{ width: 100%;}
.pinpai_box2 .brand-index .m_pplist li{ height:185px; display: none;}
.pinpai_box2 .brand-index .m_pplist li img{ width: 100%; height: 100%;}
.pinpai_box2 .brand-index .m_pplist li.h_cur{ display: block;}
.pinpai_box2 .brand-index .m_list ul{ margin-top: 0;}


#video_list{ position: relative;border-top: 1px #f3f4f5 solid;border-bottom: 1px #fff solid;}
#video_list li{ position: relative; display: none; margin: 0; padding: 0; width: 100%;overflow: hidden;}
#video_list li.video_hover{ display: block;}
#video_list ul{ padding: 0; margin: 0; width: 100%;}
.myVideo{ width: 100%; height: 100%; overflow: hidden;}
.video_bg{ background-repeat: no-repeat; background-size:cover; position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.video_bg a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; text-align: center;}
.videoplay_img{ margin-bottom: 30px;}
.video_bg h4{ font-size: 22px; color: #fff; margin-bottom: 10px; font-weight: normal;}
.video_bg h5{ font-size: 30px; color: #fff; margin-bottom: 10px;text-transform: uppercase!important; font-weight: normal;}
.video_bg p{ font-size: 12px; color: #fff;}
#m_img .pinpai_img{ background-repeat: no-repeat; background-size:cover;  width: 100%; min-height: 700px;}


@media (max-width: 720px){
	.m_wap_img{ display: block;}
	.m_pc_img{ display: none;}
	.index_carousel_img .carousel-item{ width: 100%; height: 100%;}
	.index_carousel_img .carousel-item img{ width: 100%; height: 100%;}
	h1.m_title{font-size: 2.6rem;letter-spacing: 8px;}
	/*.videoplay_img{ margin-bottom: 10px;}*/
	.videoplay_img img{width: 70px;}
	.video_bg h4,.video_bg h5,.video_bg p,#stores_map #stores_img{ display: none;}
	#BMap_mask,#pagePRMap{height: 500px !important;}
	#m_img .pinpai_img{ min-height: 320px;}
	#video_list li{min-height:320px; }
	#dowebok .section2 .m_list,#dowebok #m_img1,.pinpai_box2 .m_pplist{ display: none !important;}
	.section2 .featurette-divider{ padding-top: 0;}
	/*.section2 .brand-index .m_list ul{ margin-top: 0;}*/
	.section2 .brand-index .m_tips{ position:absolute ; right: 0; top:0;}
/*	.section2 .brand-index .m_tips span{ margin-top: 10px;}*/
	.pinpai_box2 .contact_text{ top: 0;}
	.pinpai_box2 .contact_text .pinpai_title{ border: 0;}
	.pinpai_box2 #index_intr,.pinpai_box2 .featurette-heading{ height: auto; margin-bottom: 0;}
	
	#video_list #myCarousel1 .carousel-inner{ overflow: inherit;}
	#video_list #myCarousel1 .pinpai_box2{ text-align: left;}
	#video_list .m_tips{ width: 140px; height: 70px; margin-left:-28px; background: #fff;}
	#video_list .m_tips span{ width: 50px; height: 50px; cursor: pointer; display:block; overflow: hidden; float: left; margin-left: 20px;}

	#video_list .m_tips{position: absolute;right: 0; top: -150px;}
}

@media (max-width: 440px) and ( max-height: 1000px){
	.m_select{ margin-top: 21rem;}
}
@media (max-width: 440px) and ( max-height: 700px){
	.m_select{ margin-top: 18rem;}
}
@media (max-width: 330px){
	.m_select{ margin-top: 15rem;}
}
@media (max-height: 600px){
	.index_carousel_img .carousel-item{ width: 100%; height: 32rem;}
}
@media (min-width: 720px){
	.m_wap_img{ display: none;}
	.m_pc_img{ display: block;}
	.newlist_l{ width: 100px; position: absolute; left: 0; top: 30px;}
	.newlist_r{ margin-left: 100px;}
	#video_list li{min-height:750px; };
}

.live_tips a{position: absolute; top: 50%;z-index: 999;width: 41px;height: 69px;margin-top: -35px;text-indent: -9999px;overflow: hidden;_zoom: 1; outline: 0;}
.live_tips a.live_prev{ left: 0;background: url(../images/icon-slides.png) no-repeat -85px 50%;}
.live_tips a.live_prev:hover{background-position: 0 50%;}
.live_tips a.live_next{ right: 0;background: url(../images/icon-slides.png) no-repeat -125px 50%;}
.live_tips a.live_next:hover{background-position: -42px 50%;}
#myCarousel1{width: 100%;}
.component_button1{ background: none; border: 0;}
.component_button1 img{ margin-left: 20px;}
.component_dropdown2{ left: -10px !important; z-index: 10000;}
.component_dropdown2 .navbar-brand{width: 100%; text-align: center; margin: 0;    font-style: normal;font-size: 14px; color: #333;}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,button{ outline:none !important;}


/*brand*/
.pinpai_box1 .contact_text .pinpai_title p.new_txt,.pinpaiindex_title p.new_txt{ height: 146px; width: 100%; padding: 0; margin: 0;}
.brand_1{ background: url(../images/band_1.png) no-repeat center center;}
.brand_2{ background: url(../images/band_2.png) no-repeat center center;}
.brand_3{ background: url(../images/band_3.png) no-repeat center center;}
.brand_4{ background: url(../images/band_4.png) no-repeat center center;}

.pinpai_brand0 .contact_text a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.pinpai_box1 .contact_text:hover p.brand_1{ background: url(../images/band_1h.png) no-repeat center center rgba(237,237,237,.9);}
.pinpai_box1 .contact_text:hover p.brand_2{ background: url(../images/band_2h.png) no-repeat center center rgba(237,237,237,.9);}
.pinpai_box1 .contact_text:hover p.brand_3{ background: url(../images/band_3h.png) no-repeat center center rgba(237,237,237,.9);}
.pinpai_box1 .contact_text:hover p.brand_4{ background: url(../images/band_4h.png) no-repeat center center rgba(237,237,237,.9);}

.pinpai_box1 .contact_text:hover p.brand_5{ background: url(/uploadfile/am.png) no-repeat center center rgba(237,237,237,.9);}


.pinpaiindex_title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; text-align: center;}