@charset "utf-8";
/* CSS Document */


#hd{ height:100px; background:#f7f7f7; border-bottom:1px solid #fff; overflow:hidden; }
.section_focus{ background: url(../images/bg.png) repeat; height:100%; overflow:hidden;}
.topshadow{ height:100%; background:url(../images/topshadow.png) repeat-x 0 top; }
.bottomshadow{ height:100%; background:url(../images/bottomshadow.png) repeat-x 0 bottom;  overflow:hidden;zoom:1; }
.section_bd{ background:#fff; height:420px;}
.logo{ width:180px; height:100px; float:left;overflow:hidden; background:url(../images/logo.png ) no-repeat 0 23px;}
.nav{ height:50px; padding:35px 0; zoom:1; text-align:right;color:#999; }
.nav a{ font-size:18px; line-height:30px; padding:0 15px; color:#444; }
#hd .inner,.section_focus .inner,.feature .inner,.qa .inner,#ft .inner{ width:1000px; margin:0 auto;}
#ft{ background:#f7f7f7;  clear:both; border-top:1px solid #eee; padding-top:20px;}
.copyright{ text-align:center;color:#aaa; clear:both; padding-bottom:30px;} 

.web_section{ padding-top:30px;}
.web_phone{ float:left; position:relative; width:320px; height:522px;  background:url(../images/phone.png) no-repeat;}
.mask_hand{ position:absolute; width:320px; height:522px; background:url(../images/hand.png) no-repeat; z-index:6;}
.easou_intro{ position:relative; overflow:hidden; zoom:1;  color:#fff; padding:50px 0 0 135px;}
		.easou_intro_title{}
		.easou_intro_title h1{ font: 48px/76px Microsoft yahei;display:inline-block;}
		.easou_intro_title h3{ font:34px/40px Microsoft yahei;display:inline-block;margin-left:40px;}
		.easou_intro_summary{ font-size:16px; line-height:1.5; padding:20px 0 50px 0;float:left;}
.store_url{}
		.store_url span{ display:inline-block; margin-right:20px;}
		.store_url .btn{ width:205px; height:66px; background:#fff; border: 1px solid #fff; -o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
		.store_url .btn:hover{ background:#f4f4f4;}
		.logs{float:left;width:100%;}
.two_dimension_code{float:left;width:120px;margin-right:20px;text-align:center;font-size: 16px;line-height: 1.5;}
.two_dimension_code img{width:100%;}
.social{text-align:right; height:40px; padding-top:40px;}
		.social a{ display:inline-block; width:40px; height:40px; margin:0 2px; background:#ccc; border-radius:2px; text-align:center; vertical-align:middle;}
		.social a:hover{ background:#999; }
		.linkforum{ font-size:14px; line-height:40px; color:#fff; }
		:hover .linkforum{color:#fff;}
.thumb{}
.feature{ padding:50px 0 0 0; overflow:hidden; }
		.feature .item{ width:40%; float:left; padding:20px 5%; }
		.feature .item .icon{ width:60px; float:left;}
		.feature .item .txt{ overflow:hidden; zoom:1;}
		.feature .item h3{ font-size:15px; color:#555 }
		.feature .item p{ font-size:12px; color:#999999 }
		
.qa{ padding:30px 0 50px 0; overflow:hidden; }
		.qa .item{ width:40%; float:left; padding:15px 5%; }
		.qa .item .icon{ width:60px; float:left;}
		.qa .item .txt{ overflow:hidden; zoom:1; min-height:90px;}
		.qa .item h3{ font-size:15px; color:#555 }
		.qa .item p{ font-size:12px; color:#999999; width:100%; }	
			
.feature .title,.qa .title{ font-size:18px; line-height:40px; font-weight:bold; color:#666; padding-left:50px;}
.feature .title span,.qa .title span{ padding-bottom:5px;}
.feature .title em,.qa .title em{ font-size:26px;}
.feature .title b,.qa .title b{  font-size:15px;  padding-left:6px; background:url(../images/line.png) no-repeat 0 3px; margin-left:5px; }
.qa .title{ padding-bottom:5px;}


/* Slider */
.advanced-slider {height: 319px !important;}
.advanced-slider * {transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}
.advanced-slider a {position: static;}
.advanced-slider img {max-width: none;max-height:none;}
.advanced-slider .slider-main {position: relative;width: 100%;height: 100%;z-index: 1;}
.advanced-slider .slide-wrapper {position: relative ; overflow: visible;width: 100% ;  z-index:4;}
.advanced-slider .slides {position: absolute;overflow: hidden;width: 100%;height: 100%;}
.advanced-slider .slide {position: absolute;overflow: hidden;display: block;width: 100%;height: 100%;visibility: hidden;list-style: none;filter: alpha(opacity=100);opacity: 1;}
.advanced-slider .slide .image, .advanced-slider .slide .thumbnail, .advanced-slider .slide .caption, .advanced-slider .slide .html {position: absolute;}
.advanced-slider .webkit .slide .html {overflow: hidden;}
.advanced-slider .video-hidden-image {display: none;}
.advanced-slider iframe.video {background-color: #000;}
.advanced-slider .video-play-button {display: block;background-image: url(video_play.png);background-position: center;position: absolute;width: 80px;height: 80px;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;}
.advanced-slider iframe {display: block;}
.advanced-slider.webkit .slide .html iframe, .advanced-slider.webkit .slide .layer iframe {opacity: 0;}
.advanced-slider.webkit .slide.transition .html iframe, .advanced-slider.webkit .slide.active .html iframe, .advanced-slider.webkit .slide.transition .layer.init iframe, .advanced-slider.webkit .slide.active .layer.init iframe {opacity: 1;}
.advanced-slider .slice-container {position: absolute;width: 100%;height: 100%;}
.advanced-slider .swipeable-container {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.advanced-slider .swipeable-container .slides {-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.advanced-slider .swipeable-container .slides .selectable {-webkit-user-select: auto;-moz-user-select: auto;-o-user-select: auto;user-select: auto;cursor: auto;}
.advanced-slider .swipeable-container .grab {cursor: url(openhand.cur), default;}
.advanced-slider .swipeable-container .grabbing {cursor: url(closedhand.cur), default;}
.advanced-slider .layer {position: relative; visibility: hidden; text-align:center; }
.advanced-slider .layer.black {color: #000;}
.advanced-slider .layer.white {color: #000;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.7);}
.advanced-slider .layer.rounded {border-radius: 10px;}
.advanced-slider .thumbnail-content {background: none;}
.advanced-slider .slide-buttons {position: absolute;z-index: 3; bottom:30px; }
.advanced-slider .slide-buttons .left, .advanced-slider .slide-buttons .right, .advanced-slider .slide-buttons .middle {float: left;}
.advanced-slider .slide-buttons a {position: relative;cursor: pointer;float: left;text-decoration: none;text-align: center;}
.advanced-slider .thumbnail-scroller {position: absolute;z-index: 2;}
.minimal-small .slide-wrapper {}
.minimal-small .slideshow-controls {width:7px;height: 7px;background: #fff;margin: 0 5px;}
.minimal-small .slide-buttons .buttons-inner a {width:7px;height: 7px;background: #fff;margin: 0 5px;}
.minimal-small .slide-buttons .buttons-inner a.over {background: #f1a843;}
.minimal-small .slide-buttons .buttons-inner a.select {background: #f1a843;}
.slider-main{ height:100%;}
.slider_Wrap{width:224px; height:319px;overflow:hidden; margin:50px 0 0 68px;}
.slider_Wrap span{  display:block; height:50px; text-align:center; color:#999; overflow:hidden; font-size:12px;}
.slider_Wrap span em{ display:block; font-size:16px; font-weight:bold; color:#666; }
#responsive-slider{width:224px; height:319px; }

.otherLink{margin: 10px auto;}
.otherLink .item{display: table;margin: auto;}

@media screen and (max-width:1000px) {	
#hd .inner,.section_focus .inner,.feature .inner,.qa .inner,#ft .inner{ width:1000px; min-width:320px; font-size:18px;} 
}


@media screen and (max-width: 960px){
	
#responsive-slider{width:100%; height:100%; }	
#hd .inner,.section_focus .inner,.feature .inner,.qa .inner,#ft .inner{ width:100%;}
#hd .inner .pd{ padding:0 20px;}
.feature,.qa{ float:none; width:100%; }
.web_section{ padding:0; }
.web_phone{ width:100%; float:none; background:none; position:relative; padding:0; height:auto;height:100%;  }
.mask_hand{ display:none; position:relative;}
.easou_intro{ display:block;  padding:0;}
.section_focus{ }
.store_url{ text-align:center; padding:10px 0 20px 0;}
.store_url span{ margin:10px; }
.easou_intro_title,.easou_intro_summary,.two_dimension_code{ display:none;}
.feature .item,.qa .item{ width:90%; float:none;  }
.feature .title,.qa .title{padding:0 6%; font-size:20px;}
.feature .item h3,.qa .item h3{ font-size:16px;}
.feature .item p,.qa .item p{ font-size:12px; line-height:16px;}
.qa .item .txt{ min-height:auto;}
.slider_Wrap{ width:100%; max-width:320px;  margin:0 auto; text-align:center;}
.slider_Wrap img{ width:100%; max-width:320px;  text-align:center; }
.slider_Wrap span{ color:#fff;}
.advanced-slider .layer {position: relative;  }
.advanced-slider .slide-buttons {position: absolute;z-index: 3; top:289px; }
.slider_Wrap span{font-size:14px;}
.slider_Wrap span em{color:#fff; font-size:18px;}
.store_url span{ display:inline-block; margin-right:15px;}
.store_url .btn{ width:205px; height:66px;}
.copyright{ font-size:10px; text-align:center;clear:both; padding-bottom:30px; text-align:center;} 
.copyright span{ display:inline-block; max-width:300px;}
#hd{ height:40px;}
.social{text-align:right; height:30px; padding-top:5px;}
.social a{ display:inline-block; width:30px; height:30px; margin:0 2px; }
.logo{ width:120px; height:40px; float:left;overflow:hidden; background:url(../images/logo.png ) no-repeat 0 4px; background-size:70%;}
.nav{ height:40px; padding:6px 0; }
.nav a{ font-size:16px;  } 
.store_url span img{ width:100%;}
.store_url .btn{ width:132px; height:40px; }
.linkforum{ font-size:14px; line-height:30px; color:#fff; }
:hover .linkforum{color:#fff;}	
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (min-resolution: 1.2 dppx){

.feature{ padding:10px 0 0 0; }
.qa{ padding:10px 0 0 0; }	
.store_url{ text-align:center; padding:10px 0 20px 0;}
.feature .title,.qa .title{padding:0 6%; font-size:20px;}
.feature .item,.qa .item{ width:88%; float:none; padding:10px 6%;  }
.feature .item .icon img,.qa .item .icon img{ width:80%;}
.feature .item .icon,.qa .item .icon{width:40px;}
.copyright{ font-size:10px; text-align:center; height:30px; line-height:20px; clear:both; padding-bottom:30px;} 
.store_url span{ display:inline-block; margin-right:10px; }
.store_url .btn{ width:120px; height:36px;}
.slider_Wrap span{color:#fff;}
.displyBlock{ display:block;}	

a {text-decoration: none;outline: none;-o-transition: none;-moz-transition:none;-webkit-transition: none;-ms-transition:none;}

}

@media screen and (min-width: 961px){
	
.store_url{}
		.store_url span{ display:inline-block; margin-right:20px;}
		.store_url .btn{ width:205px; height:66px; background:#fff; border: 1px solid #fff; -o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}	
.feature{ padding:50px 0 0 0; overflow:hidden; }
		.feature .item{ width:40%; float:left; padding:20px 5%; }
		.feature .item .icon{ width:60px; float:left;}
		.feature .item .txt{ overflow:hidden; zoom:1;}
		
.qa{ padding:30px 0 10px 0; overflow:hidden; }
		.qa .item{ width:40%; float:left; padding:15px 5%; }
		.qa .item .icon{ width:60px; float:left;}
		.qa .item .txt{ overflow:hidden; zoom:1; min-height:90px;}
		.slider_Wrap span{color:#000;}

	}