/**
 *  首页样式
 * ----------------------
 *  作者：叼怎么写！
 *  时间：2014-03-13
 *  准则：NEC
 *  联系：wechat--shoe11414255
 *  创意源于生活，代码如诗从你我开始
 *  OOCSS虽好，需培养，需规范，需慢慢品尝
 *********************************************************************************************/
/*视频播放*/
.m-videoLapp { overflow: hidden; margin-bottom: 60px; }
.m-videoLapp p { overflow: hidden; height: 100%; }
.m-videoLapp p a { float: left; display: inline-block; width: 48%; max-height: 160px; overflow: hidden; }
.m-videoLapp p a:first-child { margin-right: 2%; }
/*视频弹出层样式*/
.m-popup-video .popup-con { width: 940px; height: 520px; padding: 0; margin-top: -270px; margin-left: -480px; border:10px solid #fff; border-radius: 4px; }
.m-popup-video .popup-con .video { width: 100%; height: 100%; }
.m-popup-video .popup-con .close { position: absolute; top: -25px; right: -25px; width: 40px; height: 37px; }
.vjs-big-play-button { display: none!important;}
/*原因*/
.m-index h2 { margin: 40px 0; color: #333; }
.m-reason { margin-bottom: 50px;}
/*choose-way*/
.m-chooseW { height: 100%; overflow: hidden; margin: 0 auto; }
.m-chooseW .item { float: left; width: 50%; overflow: hidden; }
.m-chooseW .item-left,
.m-chooseW .item-right { float: left; color: #333; }
.m-chooseW .item-left { width: 120px; min-height: 120px; line-height: 120px; text-align: center; margin-right:30px; }
.m-chooseW .item-left .img { position: relative; height: 100%; width:100%; }
.m-chooseW .item-left .img img:last-child { display: none; }
.m-chooseW .item:hover .img img:first-child { display: none; }
.m-chooseW .item:hover .img img:last-child { display: inline-block; }
.m-chooseW .item-left  span { position: absolute; top: 50%; left: 50%; display: inline-block; width: 82px; height: 82px; margin: -41px 0 0 -41px; }
.m-chooseW .item-right { width: 320px; margin-top: 10px; } 
.m-chooseW .item-right dl { color: #050101; }
.m-chooseW .item-right dl dt { margin-bottom: 10px; font-size: 20px; }
.m-chooseW .item-right dl dd.f-bold { margin-bottom: 5px; }
.m-chooseW .item-right dl dd { font-size: 14px; line-height: 150%; }
.m-chooseW .item-right dl dd a { color: #00a0e9; }

.s-bg-index-rea01 { background-position: -218px -33px; }
.s-bg-index-rea02 { background-position: -218px -117px; }
.s-bg-index-rea03 { background-position: -218px -201px; }
.s-bg-index-rea04 { background-position: -218px -285px; }
.m-chooseW .item:hover .s-bg-index-rea01 { background-position: -302px -33px; }
.m-chooseW .item:hover .s-bg-index-rea02 { background-position: -302px -117px; }
.m-chooseW .item:hover .s-bg-index-rea03 { background-position: -302px -201px; }
.m-chooseW .item:hover .s-bg-index-rea04 { background-position: -302px -285px; }

/*partner*/
.m-partner { padding: 30px 0; border-bottom: 1px solid #ddd; }
.m-partner .partner-wrap { overflow: hidden; }
.m-partner h3 { margin-bottom: 30px; }
.m-partner .listwrap { position: relative; height: 100px; overflow: hidden; padding:0 60px; }
.m-partner .list { position: relative; overflow: hidden; height: 100%; width: 100%; }
.m-partner ul { position: absolute; top: 0; left: 0; width:9999px; height: 100%; overflow: hidden; 
	-webkit-transition: left .3s;
	   -moz-transition: left .3s;
	    -ms-transition: left .3s;
	     -0-transition: left .3s;
	        transition: left .3s;
}
.m-partner ul li { float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 30px; border-radius: 6px; }
.m-partner ul li:last-child { margin-right: 0; }
/*暂时不没链接，默认没手指*/
.m-partner ul li a { cursor: default; }
/*暂时不没链接，默认没手指 end*/
.m-partner p { position: absolute; top: 50%; width: 14px; height: 27px; margin-top: -15px; 
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -0-transition: all .3s;
	        transition: all .3s;
}
.m-partner p.arrow-left { left: 20px; }
.m-partner p.arrow-right { right: 20px; }
.m-partner p.arrow-left.hide { left: -40px; }
.m-partner p.arrow-right.hide { right: -40px; }
/*info*/
.m-info { padding: 40px 10px 30px; }
.m-info .info-wrap { width: 100%; overflow: hidden; }
.m-info-list { float: left; width: 44%; padding: 0 3%; }
.m-info-list h3 { margin-bottom: 25px; color: #333; }
/*company*/
.m-company { overflow: hidden; }
.m-company ul { overflow: hidden; }
.m-company ul li { float: left; width: 100px; height: 40px; margin-right: 2px; margin-bottom: 2px; border: 1px solid #ddd; }
.m-company ul li span { display: inline-block; width: 64px; height: 21px; }
/*dynamic*/
.m-dynamic p { width: 100%; margin-bottom: 10px; color: #666; }
.m-dynamic p a,
.m-dynamic p span { display: inline-block; overflow: hidden; height: 20px; }
.m-dynamic p a { width: 69%; padding-right: 5%; }
.m-dynamic p span { width: 25%; text-align: right; }
.m-dynamic p a img { margin-left: 5px; }
.m-dynamic p a:hover { color: #71b643; }

.g-ft { margin-top: 0; }
@media screen and (max-width: 980px) {
	.m-index h2 { padding: 0 15px; }
	.m-chooseW { max-width: 870px;}
	.m-chooseW .item-left { margin-right: 20px; }
	.m-chooseW .item-right { width: 280px; }
	.m-chooseW .item-right dl dt { font-size: 18px; }
}
@media screen and (max-width: 870px) {
	.m-chooseW { max-width: 714px; margin: 0 auto; }
	.m-chooseW .item { width: 330px; margin: 0 auto 10px; }
	.m-chooseW .item-left { width:100px; min-height: 100px; line-height: 100px; margin-right: 10px; }
	.m-chooseW .item-right { width: 220px; }
	.m-chooseW .item-right dl dt { font-size: 14px; }
	.m-chooseW .item-right dl dd { font-size: 12px; }
}
@media screen and (max-width: 714px) {
	.m-videoLapp { margin-bottom: 40px; }

	.m-index { margin-top: 30px; }
	.m-index h2 { font-size: 20px; }
	.m-reason { margin-bottom: 40px; }
	.m-chooseW { width: 390px; }
	.m-chooseW .item { width: 390px; margin: 0 auto 10px; }
	.m-chooseW .item-left { width:120px; min-height: 120px; line-height: 120px; margin-right: 10px; }
	.m-chooseW .item-right { width: 260px; }
	.m-chooseW .item-right dl dt { font-size: 16px; }
	.m-chooseW .item-right dl dd { font-size: 14px; }
	
	.m-partner h3 { font-size: 18px; }

	.m-info { padding-top: 30px; }
	.m-info-list { float: none; width: 100%; margin: 0 auto 15px; padding: 0; }
	.m-info-list h3 { margin-bottom: 15px;font-size: 16px; }
	
	.g-ft { margin-top: 20px; }
}
@media screen and (max-width: 496px) {
	.m-videoLapp { margin-bottom: 20px; }

	.m-index { margin-top: 20px; }
	.m-index h2 { font-size: 15px; padding: 0; margin-bottom: 15px; }
	.m-reason { margin-bottom: 20px; }
	
	.m-chooseW { width: 300px; }
	.m-chooseW .item { width: 300px; margin: 0 auto 10px; }
	.m-chooseW .item-left { width:70px; min-height: 100px; line-height: 100px; margin-right: 10px; }
	.m-chooseW .item-left  span { width: 59px; height: 59px; margin: -30px 0 0 -30px; }
	.m-chooseW .item-right { width: 220px; }
	.m-chooseW .item-right dl dt { font-size: 14px; }
	.m-chooseW .item-right dl dd { font-size: 12px; }
	
	.m-partner h3 { font-size: 16px; }

	.m-info { padding-top: 20px; }
	.m-info-list h3 { margin-bottom: 15px;font-size: 14px; }

	.g-ft { margin-top: 15px; }
}
/*******************************************************************************************************
 * = pluns 插件样式
 *******************************************************************************************************/
/*轮播图的样式--index*/
.m-banner-index { position: relative; min-height: 400px; }
.m-banner-index .item { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.m-banner-index .item .item-bg { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter:alpha(opacity=0); text-align: center; 
	-webkit-transition: opacity 1s;
	   -moz-transition: opacity 1s;
	    -ms-transition: opacity 1s;
	     -0-transition: opacity 1s;
	        transition: opacity 1s;

  -webkit-transition-timing-function: line;
     -moz-transition-timing-function: line;
      -ms-transition-timing-function: line;
       -o-transition-timing-function: line;
          transition-timing-function: line;
}
.m-banner-index .item .item-bg img { max-width: inherit; width: 100%; min-height: 400px; }
.m-banner-index .item .item-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.m-banner-index .item .item-wrap .item-con { position: relative; height: 100%; }
.m-banner-index .item .item-img,
.m-banner-index .item .item-txt { position: absolute; top: 0; width: 48%; height: 100%; text-align: right; opacity: 0; filter:alpha(opacity=0);  
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -0-transition: all .5s;
	        transition: all .5s;
}
.m-banner-index .item .item-img { left: 0; }
.m-banner-index .item .item-txt { right: 0; }
.m-banner-index .item .item-img img,
.m-banner-index .item .item-txt img { position: absolute; top: 50%; width: 100%; max-height: 560px;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -0-transition: all .5s;
	        transition: all .5s;
}
.m-banner-index .item .item-img img { right: 20%; }
.m-banner-index .item .item-txt img { left: 20%; }
.m-banner-index .item.active { z-index: 2; }
.m-banner-index .item .item-bg.show,
.m-banner-index .item .item-img.move,
.m-banner-index .item .item-txt.move { opacity: 1; filter:alpha(opacity=100); }
.m-banner-index .item .item-img.move img { right: 0; }
.m-banner-index .item .item-txt.move img { left: 0; }

.m-banner-index .u-arrow { opacity: 0; filter:alpha(opacity=0); }
.m-banner-index:hover .u-arrow { opacity: 1; filter:alpha(opacity=100); }

.m-banner-index .adv { position: absolute; bottom: 0; left: 0; z-index: 5; width: 100%; height: 50px; overflow: hidden; background-color: #000; filter:alpha(opacity=40); background: rgba(0,0,0,0.4); }
.m-banner-index .adv ul { position: absolute; top: 0; left: 0; width: 100%; }
.m-banner-index .adv ul li a { display: inline-block; height: 50px; line-height: 50px; padding-left: 25px; background: url(../img/global/icon01_index-adv.png) left center no-repeat; }
.m-banner-index .adv ul.move {
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
	-o-transition: top 0.3s;
	transition: top 0.3s;
}

.m-banner-index .u-register { position: absolute; bottom:10%; left:50%; z-index: 3; width: 16%; max-height: 54px; max-width: 204px; margin-left: -8%;  opacity: 0; filter:alpha(opacity=0);
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -0-transition: all .25s;
	        transition: all .25s;
}
.m-banner-index .u-register a { display: block; }
.m-banner-index .u-register a img { display: inline-block; width: 100%; }
.m-banner-index .u-register a img:last-child { display: none; }
.m-banner-index .u-register a:hover img:first-child { display: none; }
.m-banner-index .u-register a:hover img:last-child { display: inline-block; }
.m-banner-index .u-register.move { bottom: 20%; opacity: 1; filter:alpha(opacity=100); }
.m-banner-index:hover .arrow { opacity: 1; filter:alpha(opacity=100); }

/*轮播图大小始终撑开全屏*/
@media screen and (min-width: 1280px) {
	.m-banner-index { height: 560px; }
	.m-banner-index .u-register { height: 12%; }
}

/*轮播图里面元素的变化*/
/*@media screen and (max-width: 1280px) {
	.m-banner-index .item .item-bg img { width: auto; }
}
@media screen and (max-width: 960px) {
	.m-banner-index .item .item-bg img { max-width: 960px; }
}
@media screen and (max-width: 714px) {
	.m-banner-index .item .item-bg img { max-width: 714px; }
}
@media screen and (max-width: 496px) {
	.m-banner-index .item .item-bg img { max-width: 496px; }
}*/

/*qbanner切换箭头的样式*/
@media screen and (max-width: 496px) {
	.m-banner-index .arrow { width: 30px; height: 70px; line-height: 70px; margin-top: -35px; }
}

.m-partner ul li a {
    cursor: pointer;
}