/*golbal_css放最上*/
*{margin:0px;padding:0px;border:0px;text-decoration:none;list-style:none;vertical-align:baseline;}
*:focus {outline:none;} 
html{-webkit-text-size-adjust:none;text-size-adjust:none;-blink-text-size-adjust:none;}
body,html{overflow-x:hidden;}
body{font:14px/22px Arial,Calibri,sans-serif;background:#FFF;}
body,a{color:#333;zoom:1;}
.container{width:1200px;margin:0px auto;position:relative;}
input[type="text"],textarea,select{border-radius:3px;}
.clear{clear:both;height:0px;overflow:hidden;display:block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
.brand_all{background:#ddd;width:100%;overflow:hidden;}
.go_to,.go_to *{cursor:pointer;color:#66cc33;}
.disnone{display:none;}
/*header*/
.media_header{display:none;}
.header{position:relative;height:90px;z-index:100;background:#fff;}
.logo{padding-top:6px;display:inline-block;}
.topnav{position:absolute;right:0px;top:15px;line-height:20px;}
.topnav a{color:#666;margin-left:5px;}
.topnav span{display:inline-block;width:20px;height:18px;vertical-align:text-bottom;margin-right:2px; background:url(../images/ico-header-footer.png) no-repeat;}
span.header_new{background-position:3px 4px;}
span.header_lc{background-position:3px -15px;}
span.header_dc{background-position:3px -33px;}
span.header_l{background-position:3px -54px;}
.mainbav{position:absolute;left:180px;top:51px;}
.mainbav li{float:left;position:relative;display:inline;margin:0px 16px;}
.mainbav_a{display:inline-block;font-size:19px;color:#333;height:30px;background:url(../images/opacity.png);padding:5px 12px;}
.mainbav li.current a.mainbav_a,.mainbav li:hover .mainbav_a,.mainbav_a:hover,.mainbav li.currents a.mainbav_a{text-decoration:none;}
.mainbav_hover2{width:504px;}
.mainbav_hover{position:absolute;left:0px;top:41px;border:1px solid #a9e26a;display:none;padding:6px 18px;background:#fefefe;box-shadow:1px 1px 10px #ddd;}
.mainbav li:hover .mainbav_hover,.mainbav li.current .mainbav_hover{display:block;}
	

.ta-c{
	text-align: center;
}
.ta-l{
	text-align: left;
}
.float-l{
	float: left;
}
.float-r{
	float: right;
}
.width-50{
	width: 50%;
}
.pl-20{
	padding-left: 20px;
}
.pl-60{
	padding-left: 60px;
}
.pl-40{
	padding-left: 40px;
}
.pb-30{
	padding-bottom: 30px;
}
.b{
	font-weight: bold;
}
.cool-swipe{
	width: 100%;
	height: 509px;
	background:url(../images/cool-swipe-bg.png) no-repeat;
}
.templeture{
	  font-size: 100px;
  color: #fff;
  font-family: arial;
  text-align: center;
  margin-top: 340px;
  padding-right: 86px;
}
.mt-50{margin-top: 50px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-10{padding-top: 10px;}
.cool-swipe-left-img{
	/*margin-left: 106px;*/
	margin-top: 58px;
}
.font-title{
	font-family: Russo Sans Bold;
	font-size: 60px;
	color: #5e5e5e;
}
.font-content{
	font-family: Lato;
	font-size: 28px;
	color: #555;
	line-height: 34px;
}
.cool-swipe-title{
	margin-top: 182px;
}
.cool-swipe-content{
	margin-top: 40px;
}
.tap-to-cools{
	background-color: #f5f5f5;
	margin: 0 10px;
	height: 444px;
}
.tap-to-cools-title{
	margin-top: 140px;
}
.tap-to-cools-content{
	margin-top: 40px;
}
.tap-to-cools-right-img{
	margin-top: 80px;
	margin-left: 84px;
}
.m-m-s-left-img{
	margin-top: 66px;
}
.m-m-s{
	height: 468px;
	background-color: #fff;
}
.m-m-s-title{
	margin-top: 130px;
}
.m-m-s-content{
	margin-top: 40px;
}
.s-t{
	width: 100%;
	background-color: #f5f5f5;
	height: 442px;
}
.s-t-right-img{
	margin-top: 60px;
	margin-left: 40px;
}
.scaleIn{
		  -webkit-animation: scaleIn 1s ease;
  -moz-animation: scaleIn 1s ease;
  animation: scaleIn 1s ease;
}
.hide{
	opacity: 0;
	  filter: alpha(opacity=0);
}
.show{
	opacity: 1;
	  filter: alpha(opacity=100);
}
.fz-55{
	font-size: 55px;
}
.fz-44{
	font-size: 44px;
}
.tem-deg{
	position: relative;
	top:-164px;
	left: -210px;
}
img.round{
	  margin-top: -14px !important;
  	margin-left: 16px !important;
}
/*footer*/
.footer{background:#f5f5f5;position:relative;padding-bottom:20px;}
.footer_link,.footer_link_Newsletter{float:left;margin-top:20px;width:580px;_overflow:hidden;}
.footer_link_Newsletter{float:left;width:250px;}
.footer_link_Community,.footer_link_Support{float:left;width:302px;}
.footer_link_Support{width:140px;}
.footer_link li,.footer_link_Newsletter li{line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#999;}
.footer_link li a,.footer_link_Newsletter li a{color:#999;}
.footer_link li.footer_l_h,.footer_link_Newsletter li.footer_l_h{font-size:20px;line-height:32px;padding-bottom:10px;color:#666;}
.footer_l_ico{position:relative;top:6px;height:113px;}
.footer_l_ico a{position:absolute;background:url(../images/ico-header-footer.png) no-repeat;display:block;width:46px;height:46px;}
a.footer_facebook{background-position:-48px 0px;left:0px;top:0px;}
a.footer_facebook:hover{background-position:-104px 0px;}
a.footer_twitter{background-position:-48px -58px;left:60px;top:0px;}
a.footer_twitter:hover{background-position:-104px -58px;}
a.footer_google{background-position:-48px -114px;left:0px;top:60px;}
a.footer_google:hover{background-position:-104px -114px;}
a.footer_tumblr{background-position:-48px -172px;left:60px;top:60px;}
a.footer_tumblr:hover{background-position:-104px -172px;}
.footer_icoa,.footer_icob,.footer_icoc,.footer_icod{background:url(../images/ico-header-footer.png) no-repeat;width:20px;height:20px;display:inline-block;position:relative;bottom:-5px;margin-right:6px;margin-bottom:-1px;}
.footer_icoa{background-position:3px -51px}
.footer_icob{background-position:3px -69px}
.footer_icoc{background-position:3px -88px}
.footer_icod{background-position:3px -106px}
.bt_footer{width:153px;height:24px;line-height:24px;color:#999;font-size:12px;margin-right:6px;border:1px solid #ddd;border-radius:5px;padding:0px 8px;}
.bt_footer_submit{display:inline-block; width:70px; height:26px; background:#999; border-radius:4px; cursor:pointer; color:#fff;}
.bt_footer_submit:hover{background:#bbb;}
.footer_link_pa a{color:#666;display:inline-block;margin:0px 6px;}
.footer_link_pb{text-align:center;margin-top:30px;}
.footer_link .dian{padding-left:16px;background:url(../images/bg_dian_gray_quan.png) 0px center no-repeat;}

/*Main Features*/
.index_content .mains{background:#f1f1f1;}
.index_content .main{margin-top:50px; padding-bottom:30px;}
.index_content .main ul{float:left; width:40%; margin:0 5%;_margin:0 2%;}
.index_content .main ul li{background:url(../images/dian-gray.png) left 8px no-repeat; padding-left:24px; padding-bottom:10px;font-size:16px;}

/*Screenshots*/
.index_scroll{height:650px;position:relative; margin-top:50px;}
.index_scrolls{width:258px; margin-left:-129px; left:50%; position:absolute; top:0px; overflow:hidden;}
.index_scrolls ul{position:relative;}
.index_scrolls li{float:left; width:100%;}
.index_scroll .click_left,.index_scroll .click_right{display:inline-block; width:60px; height:90px; background:url(../images/ioc-content-left-right.png) 0px -22px no-repeat; position:absolute; cursor:pointer;}
.index_scroll .click_left{left:60px; top:200px;}
.index_scroll .click_right{right:60px; top:200px; background-position:-116px -22px;}
.index_scroll_list{position:absolute; top:590px; text-align:center; width:100%;}
.index_scroll_list span{display:inline-block;width:8px;height:8px; border-radius:8px;overflow:hidden;background:#b2b2b2;margin:0px 8px;}
.index_scroll_list span.current{background:#14a73c; width:12px; height:12px; border-radius:12px; position:relative; top:2px;}

/*Testimonies*/
.index_content .tes{background:#f7f7f7; width:100%;}
.index_content .tes ul{width:230px; float:left; margin:20px 10px;}
.index_content .tes ul.no2{margin:20px 135px;_margin:20px 125px;}
.index_content .tes ul li{text-align:center;}
.index_content .tes ul li p{text-align:left; margin-top:8px; position:relative;}
.index_content .tes ul li i{display:block; text-align:right;}
.index_quot_left,.index_quot_right{display:inline-block; width:10px; height:10px; overflow:hidden; background:url(../images/ioc-content.jpg) -2px -301px no-repeat; vertical-align:top;}
.index_quot_left{background-position:-22px -303px; position:absolute; left:-14px; top:5px;}
.index_quot_right{margin:4px 5px 0 5px;}
	/*Get in Touch*/
.index_content .touch{margin-left:140px;}
.index_content .touch li{line-height:30px; margin:10px 0px;}
.index_content .touch .this_left{display:inline-block; width:108px; vertical-align:top;}
.index_content .touch input,.index_content .touch textarea{border:1px solid #a8a8a8; width:164px; height:28px; line-height:28px; padding-left:6px;}
.index_content .touch textarea{width:580px; height:147px; line-height:22px;}
.index_content .touch_submit{width:98px; height:34px; background:#14a73c; color:#fff; border-radius:3px; display:block; margin:40px auto; cursor:pointer;}
/*index-content-end*/
/*phontunes*/
	/*index*/
.phontunes_banner{background:url(../images/banner/banner2.png) center no-repeat; width:100%; height:894px;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.phontunes_banner .word1{margin-top:4%;}
.phontunes_banner .word2{margin:103px 0px 0px 300px; display:block;}

.phontunes_banner .bt{padding:0px 0 0 290px;}
.phontunes_banner .bt1,.phontunes_banner .bt2,.phontunes_banner .bt3{display:inline-block;background:url(../images/btn2.png) no-repeat; width:224px; height:60px; overflow:hidden; text-indent:-666px; margin-right:6px;}
.phontunes_banner .bt1{width: 201px;}
.phontunes_banner .bt2{background-position:-245px 0px; width:230px;}
.phontunes_banner .bt3{background-position:-502px 0px;margin-top: 20px}
.phontunes_banner .bt1:hover{background-position:0px -66px;}
.phontunes_banner .bt2:hover{background-position:-245px -65px;}
.phontunes_banner .bt3:hover{background-position:-502px -66px;}

.phontunes_nav .container clearfix nav_scroll_ol .no1{display:inline-block;background:url(../images/ico/btn2.png) no-repeat; width:266px; height:80px; overflow:hidden; text-indent:-666px; margin-right:6px;}
.phontunes_nav .container clearfix nav_scroll_ol .no1:hover{background-position:0px -80px;}


.phontunes_banner .t_code{padding-left:119px;}
.phontunes_banner img{margin:0px 30px 0 0;}
.phontunes_nav{background:#94C8D6; padding:16px 0 6px 0; z-index:30; position:relative;}
.phontunes_nav li{float:left; width:177px; height:100px; background:url(../images/ico.png) 70px 0px no-repeat; margin:0 32px; position:relative;font-size:22px;cursor:pointer;}
.phontunes_nav li.no1{background-position:61px 0px;}
.phontunes_nav li.no1.current{background-position:61px -110px;}
.phontunes_nav li.no1:hover{background-position:61px -110px;}
.phontunes_nav li.no2{background-position:-60px 0px;}
.phontunes_nav li.no2.current{background-position:-60px -110px;}
.phontunes_nav li.no2:hover{background-position:-60px -110px;}
.phontunes_nav li.no3{background-position:-200px 0px;}
.phontunes_nav li.no3.current{background-position:-200px -110px;}
.phontunes_nav li.no3:hover{background-position:-200px -110px;}

.phontunes_nav li.no4{background-position:-320px 0px;}
.phontunes_nav li.no4.current{background-position:-320px -110px;}
.phontunes_nav li.no4:hover{background-position:-320px -110px;}

.phontunes_nav li.current .li_word{color:#fff;}
.phontunes_nav li .li_word{display:block; width:100%; height:100%; line-height:140px; color:#212c2e; text-align:center;}

.phontunes_nav .arrow{position:absolute; width:84px; height:41px; background:url(../images/arrow.png) center no-repeat; left:50%; margin-left:-41px; top:104px; display:none;}
.phontunes_nav li.current .arrow{display:block;}
.phontunes_banner_next{width:100%; z-index:28; position:relative;}
.nav_scroll_ul{position:relative;}
.nav_scroll_ul li{float:left; width:100%; height:360px;background-color:#EEEEEE;center;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;background-size:cover;} 
.phontunes_banner_next .img{margin:52px 0 0 120px; float:left;}
.phontunes_banner_next .word{float:left; width:50%; margin:52px 0 30px 4%; color:#666;}
.phontunes_banner_next .word dt{font-size:28px; line-height:30px; margin-bottom:18px;text-align: center;display: inline}
.phontunes_banner_next .word dd{font-size:14px; line-height:20px; margin:20px 0px;}
.phontunes_index_list{padding-top:50px; width:100%;}
.dot{text-align:center;width:7px;height:7px;border-radius:7px;display:inline-block;background-color:#666;margin-bottom:2px}
.phontunes_index_list .index_scroll{margin:0px; height:700px;}
.phontunes_index_list .index_scrolls{width:315px; margin-left:-145px;}
.phontunes_index_list .index_scroll_list{top:655px;}


	/*rightsidebar*/
.floatbar{margin:0px auto;position:relative;z-index:200;width:960px;_position:absolute;_width:100px;_height:200px;_top:240px;_right:80px;}
.floatbars{position:_absolute;right:-60px;z-index:201;_right:0px;}
.floatbars_content{position:fixed;_position:absolute;top:40%;right:0px;margin-top:-94px;border-radius:5px;}
.floatbars_content span,.floatbars_content a{display:block;width:60px;height:60px;background-image:url(../images/share.png);background-repeat:no-repeat;margin:5px 4px;cursor:pointer;}
.share_facebook{background-position:-92px -10px;}
.share_facebook:hover{background-position:-169px -10px;}
.share_twitter{background-position:-92px -92px;}
.share_twitter:hover{background-position:-173px -92px;}
.share_google{background-position:-90px -170px;}
.share_google:hover{background-position:-174px -170px;}
.share_mail{background-position:-90px -250px;}
.share_mail:hover{background-position:-170px -250px;}

/*2014.11.11 add by jan*/
.phontunes_index_footer{background:#f3f3f3; height: 124px;text-align: center;}
.footlist{font-size: 20px;color: #fff;background-color: #4e5358; padding:56px 0; overflow:hidden;padding-bottom: 30px;}
.footlist ul{ text-align:center; overflow:hidden;}
.footlist li{ min-height: 1px;padding:0 0.6em;position: relative; float:left; min-width:210px;}
.footlist li:first-child{ padding:0 0.6em 0 0; }
.footlist li:last-child{ padding:0 0 0 0.6em; }
.footlist li img{ display:inline-block;}
.footlist li p.t-c{ min-height:78px;}
.footlist li p.t-l{ min-height:221px;}
.footlist li p+p{ margin-top:25px;}
.mt2{ padding:20px 0 0;}
.footlist li p a{color: #68b2ff;text-decoration: underline;}
.phontunes_index_footer_link {text-align:center; padding:24px 0 16px 0; border-bottom:1px solid #686868;}
.phontunes_index_footer_link a{display:inline-block; width:34px; height:34px; margin:0px 8px; background:url(../images/ioc-phontunes-footer.png) no-repeat;}
.phontunes_index_footer_link a.facebook{background-position:0px 0px;}
.phontunes_index_footer_link a.facebook:hover{background-position:0px -34px;}
.phontunes_index_footer_link a.twitter{background-position:-34px 0px;}
.phontunes_index_footer_link a.twitter:hover{background-position:-34px -34px;}
.phontunes_index_footer_link a.youtube{background-position:-68px 0px;}
.phontunes_index_footer_link a.youtube:hover{background-position:-68px -34px;}
.phontunes_index_footer_word{font-size:12px; color:#fff; padding:16px 0px 20px 0;}
.phontunes_index_footer_word a{position:absolute; right:0px; top:17px; color:#fff;}

.cap{ text-transform:capitalize; font-weight:600;}
.t-r{ text-align:right;}
.t-l{ text-align:left;}
.t-c{ text-align:center;}
