/* CSS Document */
@charset "utf-8";
/* Reset CSS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,img{margin:0px;padding:0px;}
article, aside, figure, footer, header, menu, nav, section, summary{display:block; margin:0; padding:0;}
html{-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
strong{color:#222;}
a{color:#0088cc;text-decoration:none;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
a:visited{text-decoration:none;color:#0088cc;}
a:hover{text-decoration:underline;color:#0088cc;}
a:active{text-decoration:none;color:#0088cc;}
body{background:#fafafa;}
img{border:0;}
.clear {clear:both; height:0;}
.left {float:left;!important;}
.right {float:right;!important; }
.price {color:#ff6633;}
.unique {color:#f00;}
.hide{ display:none;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
a.external{background:url(../img/external.png) center right no-repeat; padding-right:14px; text-decoration:underline;}
.blue{ color:#09F!important; font-size:14px!important;}
 
 
/*often style*/
.ftwa:visited, .ftwa:link, .ftwa:active {color:#fff;}/*A tag of the default color is white**/
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.dsb{display:block;}
.valm{vertical-align:middle;}
.dsn{display:none;}
.pta{position:absolute}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.pw1120{width:1120px; margin-left:auto; margin-right:auto;}
.nobg{background:none;}
.o_hide{overflow:hidden;}
.wrap .no_boder,.warp .no_boder{ border:none;}

/*font style**/
.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft42{font-size:42px;}
.ft48{font-size:48px;}

/*color style**/
.white{color:#fff;}
.red{color:#f00;}
.black{color:#000;}
.green{color:#03bd83;}
.blue{color:#00a8ec;}

/*list style**/
.ulnum{list-style:decimal; padding-left:26px;}/*style of ul is number**/
.ulcircle{list-style:disc; padding-left:20px;}/*style of ul is circle**/
.ulifl li{float:left;}

/*margin padding style**/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt100{padding-top:100px;}

/*link arrow**/
.link_arrow{display: inline; background:url(../img/link_arrow.png) right 7px no-repeat;}
.link_arrow_white{background:url(../img/link_arrow_white.png) right center no-repeat;}
.link_arrow_black{background:url(../img/link_arrow_block.png) right center no-repeat;}
.link_arrow_gray{background:url(../img/link_arrow_gray.png) right center no-repeat;}
/*reset**/
.pro_block>a:hover,.nav_cont ul li a:hover,.idx_dl_btn:hover,.inx_language a:hover,.more_pro>a:hover,.fun_nav_cont>a:hover,.nav_close:hover,.idx_language_ul li a:hover,.st_close:hover{text-decoration: none;}

@font-face {
	font-family: 'iconfont';
	src:url('../fonts/icomoon.eot?9r2afs');
	src:url('../fonts/icomoon.eot?9r2afs#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?9r2afs') format('truetype'),
		url('../fonts/icomoon.woff?9r2afs') format('woff'),
		url('../fonts/icomoon.svg?9r2afs#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:url('../fonts/opensans-light-webfont.eot');
	src:url('../fonts/opensans-light-webfont.eot#iefix') format('embedded-opentype'),
		url('../fonts/opensans-light-webfont.ttf') format('truetype'),
		url('../fonts/opensans-light-webfont.woff') format('woff'),
		url('../fonts/opensans-light-webfont.svg#Open Sans') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src:url('../fonts/opensans-regular-webfont.eot');
	src:url('../fonts/opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
		url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
		url('../fonts/opensans-regular-webfont.woff') format('woff'),
		url('../fonts/opensans-regular-webfont.svg#Open Sans') format('svg');
	font-weight: 400;
	font-style: normal;
}
/* nav style**/
header{width:100%; height: 54px; background-color: #f9f9f9; box-shadow:0px 0px 5px #bbb; overflow:hidden; margin:0; padding:0;}
.top_logo{float:left; margin-top:9px;}
 
.nva_meau{width:19px; height:16px;float:right; margin:19px 10px 0 0; display:none;}
.nva_meau span{position:absolute;}
.nva_meau1{width:19px; height:16px; /*background:url(../img/meau.png) no-repeat;*/ float:right;}
.nva_meau1:after{ font-family:"iconfont"; content:"\e900"; color:#737373; font-size:20px;}
.nva_meau2{width:19px; height:16px; /*background:url(../img/meau2.png) no-repeat;*/ float:right; display:none;}
.nva_meau2:after{font-family:"iconfont"; content:"\e813"; color:#737373; font-size:16px; font-weight:bold;}
.nva_meau1_an{animation:an_meau1 0.3s linear forwards; -webkit-animation:an_meau1 0.3s linear forwards;}
.nva_meau2_an{animation:an_meau2 0.3s linear forwards; -webkit-animation:an_meau2 0.3s linear forwards;}
@keyframes an_meau1{
	0%{transform:rotate(0);}
	100%{transform:rotate(-180deg);}
}
@-webkit-keyframes an_meau1{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(-180deg);}
}
@keyframes an_meau2{
	0%{transform:rotate(180deg);}
	100%{transform:rotate(0);}
}
@-webkit-keyframes an_meau2{
	0%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(0);}
}
.nav_cont ul{float: left; margin-left: 100px;}
.nav_cont ul li{width: 112px; height: 54px; float: left;}
.head_cont2 .nav_cont ul li{ width: 134px;}
.head_cont2 .nav_cont ul li a{width:130px;}
.nav_cont ul li a{width: 100px; float: left; color:#666; text-align: center; font:400 14px/54px "Open Sans";}
.nav_cont ul li a:hover,.nav_cont ul li .nav_sel{color: #000;}
.nav_pro>a{/*background:url(../img/nav_arror.png) 80px center no-repeat;*/}
.nav_pro>a:after{font-family:"iconfont"; content:"\e800"; font-size:14px; position:absolute; margin-left:3px;}
.nav_pro_list{display:none;}
.language{width: 45px; height: 54px; float:right; text-align: center;}
.language>a{height:54px; margin-top:5px;}
.language a{width: 45px; height: 25px; display:block; padding:10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.language:hover a{background-color:#efeeee;}
.language_dl{ width:45px; height:0; text-align:center; position:absolute; background-color:#efeeee; z-index:9999; overflow:hidden; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; *+margin-left:-22px;}
.language:hover dl{height:180px; opacity:1;}
.language_dl a:hover{background-color:#fff;}

/*nav showbox*/
.nav_pro_win{display: none; z-index: 9999;}
.nav_pro_win,.nav_pro_bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.nav_pro_bg{background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;}
.nav_pro_cont{width: 770px; height:auto; position: fixed; top: 50%; left: 50%; margin: -343px 0 0 -385px; border-radius: 10px; background-color: #fff; background-color: rgba(255,255,255,0.96);}
.nav_pro_cont .nav_close{float: right; margin: 5px 10px 0 0; font:28px/1 "iconfont"; color:#959595;}
.nav_close:after{content:"\e813"; font-size:16px;}
.nav_pro_cont .nav_close:hover:after{ color:#08c;}
.nav_pro_cont>h3{clear: both; font:300 24px/1.5 "Open Sans"; color:#000; text-align: center; padding: 0px 0 20px 0; border-bottom: 1px solid #e0e0e0;}
.nav_pro_block{width: 700px; margin: 0 auto; *+margin-bottom: 40px;}
.nav_pro_block>a{width: 310px; float: left; text-align: center; color: #000; margin:10px 10px 10px 10px; padding:10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.nav_pro_block>a:hover{background-color: #e6e6e6; text-decoration:none;}
.nav_pro_block>a h5{font:300 20px/1 "Open Sans"; color:#000; margin-top: 8px;}
.nav_pro_block>a span{line-height: 1.5; color: #666; margin-top: 8px; display: block; font:400 12px/1.6 "Open Sans";}
.nav_more_pro{border-top: 1px solid #e0e0e0; margin:10px 0 0 0; text-align: center; clear:both;}
.nav_more_pro>a{font:400 14px "Open Sans"; color: #666; line-height:60px;}
.nav_more_pro>a:hover{color:#08c; background:url(../img/link_arrow.png) right center no-repeat; background-size:8px auto;}
.prompt_show{animation:prompt_show 0.3s ease forwards; -webkit-animation:prompt_show 0.3s ease forwards;}
.prompt_hide{animation:prompt_hide 0.3s ease forwards; -webkit-animation:prompt_hide 0.3s ease forwards;}

@keyframes prompt_show{
	0%{transform:scale(1.2);}
	100%{transform: scale(1);}
	}
@-webkit-keyframes prompt_show{
	0%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform: scale(1);}
	}
@keyframes prompt_hide{
	0%{transform: scale(1); opacity:1}
	100%{transform:scale(1.5); opacity:0;}
}
@-webkit-keyframes prompt_hide{
	0%{-webkit-transform: scale(1); opacity:1}
	100%{-webkit-transform:scale(1.5); opacity:0;}
}

/*footer style**/
footer{padding:15px 0; text-align:center; background-color:#f5f5f5;}
footer p,footer p a{font:400 12px/1.8 "Open Sans"; color:#000 !important;} 
footer p a:hover{color:#08c !important; text-decoration:underline;}
 
.pw1120 .nav_cont ul{ margin-left:240px;}
.nav_cont ul{float: left; margin-left: 100px;}
.nav_cont ul li{ width: 112px; height: 54px; float: left;}
.head_cont2 .nav_cont ul li{  width: 134px;}
.head_cont2 .nav_cont ul li a{ width:130px;}

/*Frame style*/
#top{width:100%; height:84px; background:url(../img/top_bg.gif) repeat-x; overflow:hidden; margin:0; padding:0;}
#main{width:100%; margin:0; padding:0;}
#middle{width:100%; height:auto; margin:0 auto;}

/*Top style*/
#top_cont{ width:1120px; height:80px; margin:0 auto; background:url(../img/top_center_bg.png) no-repeat;}
#logo{ width:300px; height:78px; margin:0; float:left; position:relative; left:-30px; top:1px;}
#nav{width:650px; height:80px; float:right;}
#nav ul{ width:520px; height:40px; float:left; margin:25px 0 0 0; }
#nav ul li{float:left; margin:0;}
#nav ul li a, #nav ul li a:visited {color:#333;}
.nav_link{display:block; width:100px; height:27px; text-align:center; padding:5px 0 0 0; font-size:14px; color:#333;line-height:20px;}
.nav_link:hover{ color:#fff; background:url(../img/navhover.png) no-repeat; text-decoration:none;}
#nav ul li .link_hover{ color:#fff!important; background:url(../img/navhover2.png) no-repeat; text-decoration:none;}
#language_switching{width:121px; height:24px; float:right; background:url(../img/sel_bg.png) no-repeat; margin:28px 0 0 0;}

.select_language{ width:121px; height:26px;padding:0px;}
.select_language p {width:121px;height:24px; margin:0; padding:0;}
.select_language p a {display:block; padding:2px 0 0px 41px; line-height:20px; font-size:12px;}
.select_language p a:hover {color:#fff; text-decoration:none;}
.select_language:hover{ background:url(../img/sel_hover.png) no-repeat;}
.select_language:hover a{ color:#fff; text-decoration:none;}
.ens {background:url(../img/us.jpg) no-repeat 14px 6px;}
.jps {background:url(../img/jp.jpg) no-repeat 14px 6px;}
.des {background:url(../img/de.jpg) no-repeat 14px 6px;}
.frs {background:url(../img/fr.jpg) no-repeat 14px 6px;}
.ess  {background:url(../img/es.png) no-repeat 14px 6px;}

.language_list{ width:121px; height:163px; padding:0px 0; position:absolute; z-index:1000; background:url(../img/language_bg.png) no-repeat; margin:2px 0 0 0px; display:none; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90;}
.language_list dl{ width:100%; margin:5px 0 0 0;}
.language_list dl dd{ width:110px; margin:0 auto;}
.language_list dl dd a{ color:#fff; display:block; padding:5px 0 5px 35px; line-height:20px;font-size:12px;}
.language_list dl dd:hover{background:#b4d4f5;text-decoration:none;}
.language_list dl dd:hover a{color:#055bae;}
.en {background:url(../img/us.jpg) no-repeat 9px 9px;}
.jp {background:url(../img/jp.jpg) no-repeat 9px 9px;}
.fr {background:url(../img/fr.jpg) no-repeat 9px 9px;}
.de {background:url(../img/de.jpg) no-repeat 9px 9px;}
.es{ background:url(../img/es.png) no-repeat 9px 9px;}


.addthis_toolbox_pos {width:100%; margin:10px 0 0 0; clear:both; height:36px; }
.addthis_toolbox_pos a{width:100px; float:left;}
.addthis_toolbox_float {float:right; margin:5px 10px 0 0;}
.addthis_toolbox_phoneclean {width:100%; margin:10px 0 0 24px; clear:both; }
.addthis_toolbox_support {width:450px; margin:8px 0;}
.addthis_toolbox_support a{width:120px; float:left;}
.addthis_toolbox_download {width:100%; margin:10px 0 0 50px; clear:both; height:20px; overflow:hidden; }


.down_menu{ width:440px; position:absolute; z-index:1000; margin:10px 0 0 -170px;display:none;}
.down_menu2{ width:185px; position:absolute; z-index:1000; margin:10px 0 0 -40px;display:none;}
.m_t{ width:100%; height:9px;filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95;}
.m_t_l{ width:11px; height:9px; background:url(../img/menu_bg.png) no-repeat; float:left; }
.m_t_r{ width:18px; height:9px; background:url(../img/menu_bg.png) no-repeat -13px 0; float:left;}
.m_t_m{ width:411px; height:9px; background:#418fdb; float:left;}
.m_t_m2{ width:156px; height:9px; background:#418fdb; float:left;}
.menu_body{ width:100%; height:auto; background:url(../img/menu_middle.png)  repeat-y right 40px; float:left; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95;}
.m_b{ width:100%; height:15px; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; clear:both;} 
.m_b_l{ width:11px; height:15px; background:url(../img/menu_bg.png) no-repeat 0 -26px; float:left;}
.m_b_m{ width:411px; height:15px; background:url(../img/menu_bg.png) repeat-x 0 -11px; float:left; }
.m_b_m2{ width:156px; height:15px; background:url(../img/menu_bg.png) repeat-x 0 -11px; float:left; }
.m_b_r{ width:18px; height:15px; background:url(../img/menu_bg.png) no-repeat -13px -26px; float:left;}
.menu_arrow{ width:100%; height:11px; position:absolute; margin:-11px 0 0 0;  background:url(../img/menu_arrow.png) no-repeat center; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95;}
.menu_line{background:url(../img/menu_line.png) no-repeat center left;}

.m_c{ width:98%; height:auto; background:#418fdb; margin:0 0 0 1px; float:left;}
.m_c dl{ width:190px; height:auto; float:left; padding:0 12px 0 13px;}
.m_c dl dd{ width:100%; }
.m_c dl dt {height:30px;line-height:22px; color:#fff; font-size:16px; padding-left:36px; margin:4px 0 0 20px;vertical-align:middle;}
.m_c dl dd a{ display:block; width:180px; background:url(../img/menu_link_bg.png) no-repeat 2px; font-size:13px; padding:5px 0 5px 30px; color:#cdf0fc!important; line-height:20px;}
.m_c dl dd a:hover{background:url(../img/menu_hover_bg.png) no-repeat 2px; text-decoration:none; color:#055bae!important;}
.m_c #for_win {background:url(../img/win_nav.png) no-repeat left top;}
.m_c #for_mac {background:url(../img/mac_nav.png) no-repeat left top;}


.m_b_b {width:98%; text-align:center; padding:0;margin:0 0 0 1px; float:none;}
.m_b_b p {height:24px; background:url(../img/menu_line_bottom.png) no-repeat; padding:10px 0 4px 0; margin-top:2px;}
.m_b_b p a {color:#cdf0fc!important; display:block; height:24px; margin-left:8px; padding-top:4px;font-size:14px;line-height:18px;}
.m_b_b p a:hover {color:#055bae!important;background:url(../img/menu_bottom_hover_bg.png) repeat-x;text-decoration:none;}

.m_c2{ width:94%; height:auto; background:#418fdb; margin:0 0 0 1px; float:left;}
.m_c2 dl{ width:120px; height:auto; float:left; padding:0 12px 0 13px; margin:0 auto;}
.m_c2 dl dd{ width:100%;}
.m_c2 dl dt b{ color:#fff; font-size:14px; padding:0 0 0 26px;}
.m_c2 dl dd a{ display:block; width:137px; background:url(../img/menu_link_bg.png) no-repeat -20px; font-size:13px; padding:5px 0 5px 13px; color:#cdf0fc!important; line-height:20px;}
.m_c2 dl dd a:hover{background:url(../img/menu_hover_bg.png) no-repeat -20px; text-decoration:none; color:#055bae!important;}
/*Main style*/

/*nav ment style*/
.nav_menu {width:185px; position:absolute; z-index:1000; margin:10px 0 0 -40px; display:none; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95;}
.nav_menu_t {width:100%; height:9px; background:url(../img/nav_menu_top.png) no-repeat; line-height:9px;}
.nav_menu_m {width:100%; background:url(../img/nav_menu_mid.png) repeat-y;}
.nav_menu_m dl{ width:160px; height:auto; padding:0 12px 0 13px; margin:0 auto;}
.nav_menu_m dl dd{ width:100%; }
.nav_menu_m dl dd a{ display:block; width:137px; background:url(../img/menu_link_bg.png) no-repeat -20px; font-size:13px; padding:5px 0 5px 13px; color:#cdf0fc!important; line-height:20px;}
.nav_menu_m dl dd a:hover{background:url(../img/menu_hover_bg.png) no-repeat -20px; text-decoration:none; color:#055bae!important;}
.nav_menu_b {width:100%; height:15px;background:url(../img/nav_menu_btm.png) no-repeat; line-height:15px;}

/*banner*/
#home_banner{width:100%; height:338px; background:url(../img/banner_bg.png) no-repeat top center; margin:0; padding:0;}
#content{width:1080px;height:330px;margin:0 auto; overflow:hidden;}
.slider{float:left;width:1080px;height:330px;position:relative;padding-bottom:26px;}
.sliderContent{float:left;width:1080px;height:330px;clear:both;position:relative;overflow:hidden;}
.sliderArrows a{display:block;text-indent:-9999px;outline:none;z-index:50;width:42px;height:42px;position:absolute;top:50%;margin-top:-34px;}
.prev{background-position:0 0;left:15px;}
.prev:hover{background-position:0 -44px;}
.next{right:15px;background-position:-44px 0;}
.next:hover{background-position:-44px -44px;}
.sliderContent .item{position:absolute;width:980px;height:330px;}
.sliderBullets{position:absolute; left:76%;z-index:500; margin:310px 0 0 105px;}
.sliderBullets a{display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:20px;height:19px;background:url(../img/table_d.png) no-repeat;}
.sliderBullets .active{background-position:0 -18px;}
.sliderContent a{outline:none;}


/*products*/
#home_products{width:100%; background:url(../img/center_bg.png) no-repeat top center; margin:0; padding:20px 0;}
.home_products_main{ width:980px; margin:0 auto;}
.home_pro_block{width:225px; float:left;  margin:0; padding:0 10px; background:url(../img/home_pro_line.gif) no-repeat right; text-align:center;}
.end{background:none;}
.home_pro_block h3{ font-size:18px; text-align:center;color:#222; margin:8px 0; display:block; line-height:20px;}
.home_pro_block h3 a{ font-size:18px; text-align:center;color:#222;}
/*.home_pro_block a{ margin:5px 0 0 0; display:block;}*/
.learn_more{ background:url(../img/more.gif) no-repeat right 6px; margin:3px 0 0 0;padding-right:8px;}
.related_link { background:url(../img/more.gif) no-repeat right 6px; margin:0 10px 0 0; padding-right:6px;}
.home_pro_block p{ color:#644545; line-height:20px; text-align:left; margin:4px 0 8px 0; color:#666;}
.home_pro_block p a{ color:#222;}
.home_pro_block p a:hover{ color:#0088cc;}

/*message*/
#home_message{width:980px; height:100px; margin:30px auto; position:relative; overflow:hidden; background:url(../img/message_right_bg.png) no-repeat top left;}
#home_message_cont{width:980px; height:90px; background:url(../img/message_left_bg.png) no-repeat top right;}
.wp {position: relative;width:980px;height:80px; margin:0 auto; overflow: hidden;}
.mes_slider{
	position: absolute;
	width:100%;
	padding:0;
	left:1px;
}
.fl {float:left}
.mes_slider img {display:block;  } 
.mes_slider li {padding:10px 0; overflow:hidden;width:100%}
.home_mes_block{width:980px; height:76px; overflow:hidden;}
.home_mes_text{ width:800px; height:auto; float:left; margin:0px 0 0 20px;}
.home_mes_text h4{font-size:13px; font-style:italic; color:#333; margin:2px 0; }
.home_mes_text a{margin:0;}
.home_mes_text a:hover{ text-decoration:underline; color:#0088cc;}
.home_mes_link{width:124px; height:auto; float:right; margin:10px 20px 0 0; text-align:center;}
.home_mes_link img{ border:1px #ccc  solid;}
.home_mes_text p{margin:0;color:#666;margin:8px 0 0 0; font-style:italic; line-height:20px;}
.home_mes_text p a{margin:0;color:#222; font-style:italic;}
.home_mes_text span{font-size:12px; font-style:italic; color:#888; margin:2px 0 8px 0; }


.productnav {width:1120px; height:60px; overflow:hidden; padding:0 10px; background:url(../img/pro_title_line.png) repeat-x bottom; margin:0 auto;}
.productnav h1{ font-size:24px; font-weight:bold; width:auto; margin:0; padding:0 34px 0 0; float:left; line-height:32px; }
.productnav h1 span {font-size:12px; font-weight:normal; color:#999;}
.productnav #support {font-size:18px; margin:5px 0 0 0;}
.productnav #for_win{background:url(../img/win.png) no-repeat right center; margin:25px 25px 0 0; }
.productnav #for_mac{background:url(../img/mac.png) no-repeat right center; margin:3px 0 0 0;}
.productnav #for_all{background:url(../img/win-mac.png) no-repeat right center; margin:25px 0 0 0; padding-right:60px;}

.productnav #for_all_anytrans{background: url(../anytrans/img/fe_win_mac.png) no-repeat right center; margin:25px 0 0 0; padding-right:60px;}
.productnav #for_all_macclean{background: url(../macclean/img/fe_mac.png) no-repeat right center; margin:25px 0 0 0; padding-right:35px; }
.productnav #for_none{margin:23px 0 0 0;}
.productnav ul {list-style:none; font-size:12px; margin:21px 2px 0 0; float:right; }
.productnav ul li {color:#999; text-align:center; width:80px ;height:37px; float:left; padding-top:2px; line-height:16px; margin:0 0 0 5px;}
.productnav ul li a{ display:block; float:left; font-size:12px; margin:0; width:80px ;height:37px;}
.productnav ul li a:link, .productnav ul li a:visited{color:#333;text-align:center;text-decoration:none;padding-top:12px; line-height:16px;}
.productnav ul li a:hover {color:#0088cc;text-decoration:none; background:url(../img/pro_title_tab_hover.png) no-repeat;}
.productnav ul .select {background:url(../img/pro_title_tab.png) no-repeat; padding-top:12px;height:37px; margin-top:2px; font-size:12px; }
.productnav #btn{width:100px!important; padding:0; margin:-4px 0 0 16px;}
.productnav #btn a:hover{ background:none;}

/*other*/
#imobie_news{ width:980px; height:345px; margin:20px auto 0 auto; }
.imobie_news_left{ width:340px; height:330px;  float:left; overflow:hidden;}
.imobie_news_right{ width:280px; height:330px;  float:right; background:url(../img/mid_line.png) no-repeat left;}
.imobie_news_mid{ width:320px; height:330px; float:left; background:url(../img/mid_line.png) no-repeat left; margin:0 0 0 20px; }
.deal_week{ width:100%; height:230px;}
.deal_week_title{ width:100%; height:50px;}
.deal_week_title h2{ width:130px; float:left; font-size:14px; color:#444; margin:13px 0 0 0; line-height:11px;}
.counter_time{ width:210px; overflow:hidden; height:35px; margin:6px 0; font-weight:bold;}
.deal_week_cont{ text-align:center; margin:8px 0 0 0;}
#timer_day{ width:38px; height:35px; float:left; background:url(../img/time_bg1.gif) no-repeat; text-align:center; font:bold; font-size:27px; font-family:Arial, Helvetica, sans-serif; padding:0px 0 0 3px; letter-spacing:5px;}
#timer_hours{ width:38px; height:35px; float:left; background:url(../img/time_bg1.gif) no-repeat; text-align:center; font:bold; font-size:27px;font-family:Arial, Helvetica, sans-serif; padding:0px 0 0 3px; letter-spacing:5px;}
#timer_min{ width:38px; height:35px; float:left; background:url(../img/time_bg1.gif) no-repeat; text-align:center; font:bold; font-size:27px; font-family:Arial, Helvetica, sans-serif; padding:0px 0 0 3px; letter-spacing:5px;}
#timer_seconds{ width:30px; height:30px; background:url(../img/time_bg2.gif) no-repeat; float:left; margin:3px 0 0 2px;text-align:center; font:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:1px 0 0 0; color:#fff;}
.timer_txt{ width:35px; height:35px; float:left; }
.timer_txt b{ display:block; float:left; margin:10px 0 0 0 ; text-align:center; width:100%; font-weight:lighter;}
.timer_colon{ width:10px; height:35px; float:left; }
.timer_colon b{ font-weight:bold; display:block; float:left; margin:10px 0 0 0; text-align:center; width:100%; }


.company_aworard{ width:100%; height:auto;}
.company_aworard h2{font-size:12px; color:#444; line-height:20px;}
.company_aworard_cont{padding:0;}
.company_aworard_cont img{ margin:0 6px 0 0 ;}

.guide_how_to{ width:300px; float:right; height:auto; margin-bottom:6px;}
.guide_title{width:100%; height:35px; background:url(../img/guide_title_bg.png) repeat-x bottom;}
.guide_title h2{ width:200px; float:left; font-size:16px; color:#444; margin:8px 0 0 0;}
.read_more{ display:block; width:40px; text-align:left; float:right; margin:11px 5px 0 0; background:url(../img/more.gif) no-repeat right 6px;}
.guide_how_to ul { margin:5px 0 0 0; }
.guide_how_to ul li a{background:url(../img/point.gif) no-repeat left center; padding:3px 0 3px 10px;color:#444; line-height:22px;}
.guide_how_to ul li a:hover{ text-decoration:underline;color:#0088cc;}
.link_text{margin:5px 0 0 0; color:#666; line-height:22px; }
.link_text a{ color:#444; font-size:10px;}
.link_text a:hover {color:#0088cc;}
.link_text a b{ font-size:11px; font-weight:normal;}
.link_text a b1{ font-size:12px;}
.link_text a b2{ font-size:14px;}
.link_text a b3{ font-size:16px;}
.link_text a b4{ font-size:18px;}
.link_text a b5{ font-size:20px;}
.link_text a b6{ font-size:22px;}
.link_text a bb1{ font-size:14px;font-weight:bold;}
.link_text a bb2{ font-size:16px;font-weight:bold;}
.link_text a bb3{ font-size:18px;font-weight:bold;}
.link_text a bb4{ font-size:20px;font-weight:bold;}

.home_news{ width:260px; float:right; height:auto; margin-bottom:4px;}
.home_news_title{ width:260px; height:35px; background:url(../img/guide_title_bg.png) repeat-x bottom;}
.home_news_title h2{ width:200px; float:left; font-size:16px; color:#444; margin:8px 0 0 0;}

.home_news_block {width:100%; padding:6px 0;}
.home_news_block img {float:left; margin:8px 12px 0 0;}
.home_news_block p {color:#666; line-height:18px; margin-bottom:12px;}


.share{width:260px; float:right; height:auto;}
.share_cont{padding:8px 0; margin-bottom:6px;}
.share_cont img{ margin:0 6px 0 0;}

/*Bottom style*/
#bottom{ width:100%; height:70px; background:url(../img/bottom_bg.png) repeat-x top; margin:30px 0 0 0; padding:30px 0 0 0; position:absolute;}
.bottom_content{ width:1120px; margin:0 auto;}
.bottom_text{ width:588px; float:left; margin:28px 0 0 5px;}
.bottom_link{ width:476px; float:right; margin:28px 5px 0 0; text-align:right;}
#bottom p {color:#000; font-size:10px; line-height:16px;}
#bottom p a {font-size:10px; color:#000;}
#bottom p a:hover { text-decoration:underline;}

.enter_bot{ color:#166fcd!important; font-size:12px; margin:0 4px;}

.backToTop {display: none; width: 42px; height:42px; line-height: 1.2; padding: 5px 0; background:url(../btn/return_top.png) no-repeat; position: fixed; _position: absolute; right: 40px; bottom: 10px;  _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}
.backToTop:hover{ background:url(../btn/return_top_hover.png) no-repeat;}

/*new home*/
.home_center{ width:100%; height:auto; background:url(../img/banner_bg.png) no-repeat center 320px;}
.home_banner{ width:980px; height:520px; margin:0 auto; }
.banner_l{ width:34px; height:62px; float:left; position:absolute; left:0; margin:200px 0 0 0; left:5%;}
.banner_r{ width:34px; height:62px; float:left; position:absolute; right:0; margin:200px 0 0 0; right:5%;}
.pagination {MARGIN: 26px auto 0px;display:none;}
.bannerImg{ width:980px; height:520px; float:left; }
.slides_container{ width:980px; height:520px;}
.banner_block{ width:980px; height:520px; float:left;}
.banner_block .banner_left{ width:450px; float:left; margin:80px 0 0 0;}
.banner_block .banner_left h1{ font-size:22px; line-height:32px; font-weight:bold; padding:5px 0 5px 0;}
.banner_block .banner_left h2{ font-size:14px; line-height:28px; color:#666;}
.banner_block .banner_left p{ margin:30px 0 0 0;}
.banner_block .banner_right{ width:500px; float:right; margin:25px 0 0 0;}
.home_sec{ width:980px; height:300px; margin:0 auto;}

.home_sec_1{ width:324px; height:300px; float:left; }
.user_gide{ width:100%; height:auto;}
.user_gide_title{ width:100%; height:26px;}
.user_gide_title h4{ width:240px; float:left; font-size:16px; color:#444; line-height:26px;}
.user_gide_title a{ display:block; width:40px; height:26px; line-height:26px; vertical-align:middle; float:right; margin:0 17px 0 0; background:url(../img/sarrow.png) no-repeat right top;}
.user_gide_title a img{ position:relative; top:1px;}
.user_gide ul{ margin:0; padding:0;}
.user_gide ul li img{ position:relative; top:2px;}
.user_gide ul li a{ color:#888; padding:0 0 0 10px;background:url(../img/guide_arrow.png) no-repeat left center; line-height:22px; font-size:10px;}
.user_gide ul li a:hover{ color:#0088cc;}
.home_news{ width:100%; height:120px; margin:10px 0 0 0; background:url(../img/home_news_bg.png) no-repeat 0 30px;}
.home_news_cont{ width:312px; height:70px; position:relative; overflow:hidden;}
.home_float{ width:980px; position:absolute;}
.news_tab{ width:80px; height:15px; float:right; margin:5px 0 0 0;}
.news_tab  li{ float:left; margin:0 3px;}
.news_tab  li span{ display:block; width:11px; height:11px; cursor:pointer; margin:3px 0 0 0; float:left;}
.news_tab  li a{ display:block; width:7px; height:7px; float:left; margin:5px 3px 0 3px; background:url(../img/sider.png) no-repeat;}
.news_tab  li a:hover{background:url(../img/side_hover.png) no-repeat;}
.tab{background:url(../img/side_hover.png) no-repeat!important;}
.pane{ width:300px; height:60px; margin:6px 0 0 10px; float:left; }
.pane img{ float:left; margin:8px 8px 0 0;}
.pane h5{font-size:13px; padding:6px 0 2px 0; line-height:20px;}
.pane a {font-size:10px; color:#888; line-height:14px;}
.pane a:hover{color:#0088cc;}

.home_sec_2{ width:360px; float:left; margin: 0 0 0 35px;}
.home_pro{ width:350px; height:82px; cursor:pointer;}
.home_pro:hover{ background:url(../img/pro_bg.png) no-repeat;}
.home_pro img{ float:left; margin:10px 5px 0 0;}
.home_pro h5{ font-size:14px; line-height:18px; padding:14px 0 2px 0; color:#222;}
.home_pro a{ color:#888; line-height:16px; font-size:10px;}
.home_pro a:hover{ text-decoration:none;}

.home_sec_3{ width:230px; height:300px; float:right;}
.share_cont{ width:100%; height:50px; margin-top:10px;}
.share_txt{ position:absolute; margin:-20px 0 0 60px;}
.share_cont a{ display: block; width:70px; float:left; text-align:center; color:#000;}
.hot_seach{ width:200px; height:177px; background:url(../img/hot_seach.png) no-repeat; padding:8px 10px 0 10px;}
.hot_seach a{line-height:24px;}
.hot_seach a b1{ font-size:14px;}
.hot_seach a b2{ font-size:16px;}
.hot_seach a:visited{ color:#000;}
.hot_seach h5{ font-size:16px; line-height:20px; color:#333; background:url(../img/hot_seach_line.png) no-repeat bottom center; text-align:center; padding:0px 0 6px 0; margin:0 0 6px 0;}
.hot1{ font-size:14px; color:#000; line-height:24px;}
.hot2{ font-size:13px; color:#222; line-height:24px;}
.hot3{ font-size:12px; color:#444; line-height:24px;}
.hot4{ font-size:11px; color:#666; line-height:24px;}

.message{ width:980px; height:174px; background:url(../img/message_bg.png) no-repeat; margin:0 auto 10px auto;}
.message_web{ width:100%; height:80px;  padding:20px 0 0 0; text-align:center;}
.message_web a{ padding:5px 10px;}
.message_txt{ width:880px; height:auto; padding:0 30px; margin:0 auto; background:url(../img/mg_bg.png) no-repeat;}
.message_txt p{font-size:14px; display:none; line-height:24px; padding:0 0 10px 0; width:860px; font-style:italic; color:#666;}
.p1{ display:block!important;}
.home_bottom{ width:980px; margin:0 auto;}
 .mask_mcc_btn:visited,.mask_macc_btn2:visited,.mask_mcc_btn2:visited,.mask_mcc_btn3:visited,.mask_macc_cont2:visited{ color:#fff;}
 
.mask_macclean{ width:100%; height:100%; position:fixed; z-index:999; display:none;}
.mask_macc_bg{ width:100%; height:100%; background:#000; position:fixed; filter:alpha(opacity=33); 
-moz-opacity:0.33; opacity:0.33;}
.mask_mcc_cont{ width:750px; height:450px; position:absolute; top:55%; left:50%; margin:-273px 0 0 -422px;}
.mask_mcc_bg{ width:750px; height:450px; background:url(../img/ad_mcc_bg.jpg) no-repeat; margin:6px auto 0 auto; border-radius:5px;}
.mask_mcc_cont{ background:url();}
.mask_mcc_cont .color540{ color:#544540;}

.mask_mcc_block{ width:750px; margin:0 auto; overflow:hidden;}
.mask_mcc_close{ margin:5px 0 0 725px;}
.mask_mcc_time{ width:200px; float:left; color:#fff; margin:10px 0 0 10px;}
.mask_mcc_time2{ width:200px; float:left; color:#544540; margin:10px 0 0 10px;}
.macc_icon{ text-align:center; margin:32px 0 20px 0;}
.mask_mcc_block h1{ font-size:28px; color:#fff; text-align:center; line-height:40px;}
.mask_mcc_text{ width:595px; text-align:center; margin:0 auto; font-size:16px; color:#fff; line-height:30px;}


.mask_mcc_btn{ width:223px; height:60px; display:block; background:url(../img/ad_macc_btn.png) no-repeat; padding:0 0 0 70px; line-height:60px; color:#fff; font-size:26px; margin:15px auto 0 auto;}
.mask_mcc_btn:hover{ color:#fff; text-decoration:none; background-position:0 -61px;} 




.mask_mcc_btn2{ width:175px; height:60px; display:block; background:url(../img/ad_macc_btn3.png) no-repeat; padding:0 0 0 80px; line-height:60px; color:#fff; font-size:26px; margin:15px auto 0 auto;}
.mask_mcc_btn2:hover{ color:#fff; text-decoration:none; background-position:0 -61px;} 
.mask_mcc_btn3{ width:183px; height:60px; display:block;  background:url(../img/ad_macc_btn3.png) no-repeat; padding:0 0 0 70px; line-height:60px; color:#fff; font-size:26px; margin:15px auto 0 auto;}
.mask_mcc_btn3:hover{ color:#fff; text-decoration:none; background-position:0 -61px;} 
.mask_mcc_animate .mask_mcc_cont{ animation: 2s mask_mcc_animate ease-in-out 12s 1 forwards; -webkit-animation: 2s mask_mcc_animate ease-in-out 12s 1 forwards;}
.mask_mcc_animate .mask_bg{animation: 0.5s mask_mcc_bg ease-in-out 12.8s 1 forwards; -webkit-animation: 0.5s mask_mcc_bg ease-in-out 12.8s 1 forwards;}
.mask_mcc_bt{ text-align:center; color:#fff; line-height:20px; margin:10px 0 0 0; font-size:12px;}
.mask_mcc_bt a{ color:#fff;}

@keyframes mask_mcc_animate{
	0%{margin-top:-273px;}
	100%{margin-top:100%; transform:scale(-2.0);}
}
@-webkit-keyframes mask_mcc_animate{
	0%{margin-top:-273px;}
	100%{margin-top:100%; transform:scale(-2.0);}
}
@keyframes mask_mcc_bg{
	0%{ opacity:0.33;}
	100%{ opacity:0;}	
}
@-webkit-keyframes mask_mcc_bg{
	0%{ opacity:0.33;}
	100%{ opacity:0;}	
}
 
 
.mask_macc_ad2{ position:fixed; height:80px; top:100%; width:100%; z-index:999; background:url(../img/ad_macc_ad_bg.png) no-repeat; background-size:cover; display:none;}
 

.mask_macc_block2{ width:1120px; height:80px;  margin:0 auto;}
.mask_macc_cont2{ width:1080px; height:70px; float:left;}
.mask_macc_text2 img{ margin:15px 10px 0 0; float:left;}
.mask_macc_text2 span{ font-size:24px; color:#fff; float:left; line-height:30px;  margin:28px 0 0 0;}
.mask_macc_text2 font{ font-size:18px;}
.mask_macc_a{ width:247px; height:42px; float:right; margin:22px 0 0 0;}
.mask_macc_btn2{width:170px; height:42px; display:block; line-height:42px; margin:0 0 0 20px; padding:0 0 0 50px; background:url(../img/ad_macc_btn2.png) no-repeat; font-size:24px; color:#fff; float:left;}
.mask_macc_btn2:hover{ background-position:0 -43px; text-decoration:none; color:#fff;}

.mask_mcc_close2{  margin:35px 0 0 0; float:left;  cursor:pointer;}

/**/
.sp_ad{ background:url(../img/sc_mcc_bg.jpg) no-repeat; background-size:750px 450px; }
.sp_mcc_text{  text-align:center; margin:0 auto; font-size:16px; color:#fff; line-height:30px;}
.sp_ad_txt{height:60px; width:680px; float:left; margin:0 0 0 80px; text-align:left; padding:18px 0 0 90px; font-size:18px; line-height:26px;color:#fff;  background:url(../img/logo-anytrans.png) no-repeat left center; background-size:65px 69px;}
.sp_ad_txt img{ margin:15px 10px 0 0; float:left;}
.sp_ad_txt>span{ font-size:15px; color:#7ecefc; float:left;}
.mask_macc_a3{ width:220px; height:42px; float:right; margin:20px 0 0 0;}
.mask_macc_btn3{width:158px; height:42px; display:block; line-height:42px;  padding:0 0 0 50px; background:url(../img/sp_macc_btn2.png) no-repeat; font-size:18px; color:#fff; float:left;}
.mask_macc_btn3:hover{ background-position:0 -43px; text-decoration:none; color:#fff;}
.mask_safe{ width:84px; float:left; position:relative; top:-20px; }

.sp_btn{ text-align:center;}
.sp_btn a{ width:215px; height:51px; display:inline-block; padding:0 0 0 10px; line-height:50px; color:#fff; font-size:18px; margin:15px auto 0 auto;}
.sp_btn a:hover{ color:#fff; text-decoration:none; background-position:0 -51px;}
.sp_more{ background:url(../img/sp_more.png) no-repeat;}
.sp_down{ background:url(../img/sp_download.png) no-repeat;}
.t_left{ text-align:left;}
.down_right{ float:left; font-size:14px; color:#f80; font-weight:bolder; line-height:36px; padding:0 0 0 18px;}
 
/**margin padding style**/
.pbc_mt10{margin-top:10px;}
.pbc_mt20{margin-top:20px;}
.pbc_mt30{margin-top:30px;}
.pbc_mt40{margin-top:40px;}
.pbc_mt50{margin-top:50px;}
.pbc_mt60{margin-top:60px;}
.pbc_pt10{padding-top:10px;}
.pbc_pt20{padding-top:20px;}
.pbc_pt30{padding-top:30px;}
.pbc_pt40{padding-top:40px;}
.pbc_pt50{padding-top:50px;}
.pbc_pt60{padding-top:60px;}
.pbc_pt70{padding-top:70px;}

/*adv macclean**/
.spt_adv{width:100%; height:80px; position: fixed; left:0; top:100%; margin-top:-80px; z-index:9; display:block;}
.spt_adv_cont{ display:block; position:relative;}
.spt_adv_pc{background:#6194ba url(../support/img/adv_pc_bg.png) no-repeat; background-size:cover;}
.spt_adv_mcc{ background:#374a6e url(../support/img/adv_mcc_bg.png) no-repeat; background-size:cover;}
.spt_adv_pc p{ font-size:22px; color:#fff;}
.spt_adv_mcc p{ font-size:22px; color:#fff;}
.spt_adv_mcc p img{vertical-align:middle; margin:-5px 10px 0 -200px;}
.spt_adv_pc p img{ vertical-align:middle; margin:-6px 10px 0 -230px;}
.spt_adv_pc p span,.spt_adv_mcc p span{ color:#fffe9e; font-style:italic; line-height:80px;}
.spt_adv_cont .spt_adv_btn{ border-radius:5px; color:#fff; text-align:center; margin:15px 10px 0 0;}
.spt_adv_pc_btn{width:200px; height:52px;line-height:52px; font-size:20px; background-color:#7fcf4e;}
.spt_adv_mcc_btn{ width:200px; height:46px; line-height:46px; font-size:18px; background-color:#7fcf4e;}
.spt_adv_pc_btn:hover,.spt_adv_mcc_btn:hover{ background-color:#a1e676;}
.spt_adv_close{ position:absolute; top:20px; right:-30px; margin-top:10px;}


  /* Backgroud 2*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
#bottom{background:url(../img/bottom_bg@2x.png) repeat-x top; background-size:1916px 115px; background-size:cover;}
}
/**adv index**/
.pro_adv,.pro_adv_bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999;}
.pro_adv_bg{ background-color:rgba(0,0,0,0.44)}
.pro_adv_cont{ width:755px; height:482px; border-radius:10px; position:fixed; z-index:9999999; top:50%; left:50%; margin:-241px 0 0 -377px; background:#000;}
.adv_close_in{ position:absolute; left:10px; top:10px;}
.adv_close_in time{ display: inline;}
.pro_adv_close{ width:28px; height:28px; display:block; border-radius:28px; background-color:#f1fffc; background-color:rgba(0,0,0,0.2); position:absolute; text-align:center;}
.idx_adv_close{ right:10px; top:10px;}
.pro_adv_close:after{ content:"\e813"; font-family:"iconfont"; color:#fff; font-size:18px; line-height:28px;}
.pro_adv_close:hover{ text-decoration:none; background-color:rgba(0,0,0,0.5);}
.pro_adv_cont h1,.adv_dl h1{ font-size:42px; font-weight:bold; font-style: italic; margin:10px auto;}
.pro_adv_cont p,.adv_dl p{ font-size:14px; color:#4c4c4c; margin: 0; padding: 0; line-height: 24px; margin: 0 0 10px 0;}
.pro_adv_cont p b,.adv_dl p b{ font-size: 28px; font-style: italic;}
.pro_adv_cont p span, .adv_dl p span{ color: #f54444; font-size: 40px; font-style: italic; }
.pro_adv_cont .pro_adv_cont_btn,.pro_adv_adlet .pro_adlet_btn,.adv_dl>a,.adv_dl_adlet>span{ display:block; border-radius:5px; background-color:#fa961f; font-weight:bold; color:#fff;}
.pro_adlet_btn img,.pro_adv_cont_btn img,.adv_dl>a img,.adv_dl_adlet span img{ margin-left:10px; }
.pro_adv_cont_btn, .adv_dl>a{ width:295px; height:66px; font-size:30px; line-height:66px; margin:20px auto 10px auto;}
.pro_adv_cont_btn:hover,.pro_adlet_btn:hover,.adv_dl>a:hover,.adv_dl_adlet span:hover{ background-color:#fa9e30; text-decoration:none;}
.pro_adv_cont>span,.adv_dl>span{ color:#666; font-weight:bold;}

.pro_adv_adlet{ width:100%; height:80px; position:fixed; left:0; top:100%; z-index:999; display:none;}
.pro_adlet_cont{ height:80px; display:block; position:relative;}
.pro_adlet_block>img{position:absolute; top:0; left:-50px;}
.pro_adv_adlet h3,.adv_dl_adlet h2{font-size:24px; color:#4c4c4c; margin:15px 0 0px 0; font-style: italic;}
.pro_adv_adlet p,.adv_dl_adlet p{ font-size:12px; color:#666; float:left; font-weight:bold; font-family:"Open Sans";}
.pro_adlet_block{ width:600px; padding-left:160px;}
.pro_adlet_btn, .adv_dl_adlet span{ width:204px; height:48px; font-size:22px; line-height:48px; text-align:center; margin-top:16px;}
.pro_adlet_close{top:26px; left:50%; margin-left:535px;}

/**adv download**/
.adv_dl{ width:980px; height:0; margin:10px auto; position:relative; overflow: hidden; }
.adv_dl_adlet{height:80px; display:block; background:url(../macclean/img/offres_bg.png) no-repeat center; overflow:hidden; }
.adv_dl_adlet:hover{ text-decoration:none;}
.adv_dl_adlet_cont{ width:980px; position:relative; margin:0 auto; display:none;}
.pro_dl_close{ right:20px; top:26px;}
.adv_dl_adlet span{ position:absolute; top:0;}
 
/**gws adv**/
.pro_adv_cont{background:#effdfa url(../promotion/img/offres_bg.jpg) no-repeat;}
.pro_adv_adlet{ background:#effdfa url(../promotion/img/offres_bg2.jpg) no-repeat;}
.pro_adv_adlet h3 span,.pro_adv_cont h1 span,.adv_dl h1 span,.adv_dl_adlet h2 b{ color:#f54444; font-weight:bold; font-family:"Open Sans";}
.pro_adv_adlet h3 span b{ font-size: 14px; color:#333; font-weight:300;}
.adv_dl{ background:url(../promotion/img/offres_fl_dw.jpg) no-repeat;}
.gws_time{ width:236px; height:106px; background:url(../promotion/img/gws_time_bg.png) top center no-repeat; position:absolute; top:0; right:0;} 
.gws_time p{color:#808080; margin:45px 0 2px 0;}
.gws_time time{ display: inline; font-size:24px; color:#333; margin:0 1px;}
.gws_time span,.adv_banner_cont>span{ color:#808080;}
.adv_dl .gws_time{ right:20px;}
.pro_adv_adlet .gws_adv_pc_img{ top:-15px;}

/**gws adv**/
.countdown{background:url(../promotion/img/countdown.png) no-repeat 0 50px; width:388px; height:107px; margin:0 auto; padding:50px 0  20px 20px; overflow: hidden;}
.countdown span{display: block; width:70px; float: left; text-align:center; margin: 25px 10px; line-height:32px; color: #333;}
.countdown span time{ font-size: 42px; font-weight: 300;}
.countdown b{ display: block; width: 6px; float: left; font-size: 42px; font-weight: 300; margin-top: 10px;} 
.pro_adv_adlet .pro_adv_adlet_ios9>b{font-size:12px; background:url(../support/img/offres_sapn.png) no-repeat; width:209px; line-height:30px; display:block; position:absolute; margin-top:-33px; margin-left:304px; padding-left:13px;}
.pro_adv_adlet .pro_adv_adlet_ios9 b span{font-size:15px; color:#f54444;}


/**Long advertising support**/
.white{ color:#fff;}
.ft30{ font-size:30px;}
.ft18{ font-size:18px;}
.long_adv_text h2,.long_adv_text p,.long_adv_btn{font-family:"Open Sans","Lucida Grande", "Lucida Sans Unicode", "Arial";}
.long_adv{ width:100%; height:80px; position: fixed; top:100%; left:0; overflow:hidden; display:none;}
.long_adv_pr{ background: url(../support/img/long_adv_pr_bg.jpg) center no-repeat; background-size:cover;}
.long_adv_at{ background: url(../img/ad_at_ad_bg.png) center no-repeat; background-size:cover;}
.long_adv_cont{ display:block; height:80px; position:relative;}
.long_adv_cont:hover{ text-decoration: none;}
.long_adv_icon{position:absolute; bottom:0; left:0;}
.long_adv_at .long_adv_icon{ bottom:5px;}
.long_adv_pr .long_adv_text{ width:550px; margin-left:185px;}
.long_adv_at .long_adv_text{ width:700px; margin-left:90px;}
.long_adv_text h2{ padding-top:5px;}
.long_adv_at .long_adv_text h2{ padding-top:15px;}
.long_adv_text p{ color:#fff; opacity:0.8; font-size:16px;}
.long_adv_at .long_adv_text p{font-size: 15px; color: #7ecefc; margin-top:10px; font-weight:400;}
.long_adv_btn{ width:174px; height:48px; display:block; position:absolute; top:18px; right:0; border-radius:2px; text-align:center; font-size:22px; color:#fff; line-height:48px; background-color:#43ae00;}
.long_adv_at .long_adv_btn{ width:208px; height:42px; line-height:42px; border-radius:5px; font-size:18px; right:-10px;}
.long_adv_btn:hover{ background-color:#57c114;}
.long_adv_close{ position:absolute; top:28px; left:50%; margin-left:530px; cursor: pointer;}
.long_adv_close:after{ content:"\e813"; font-family:"iconfont"; font-size:26px; color:#fff; opacity:0.5;}
.long_adv_close:hover:after{ opacity:1;}

.adv_link_block {width:220px; height:270px; display:block; position: relative;}
.adv_link_block:after{ content:""; width:220px; height:270px; display:block; position:absolute; top:0; left:0; background-color:rgba(255,255,255,0); z-index:99;}
.adv_link_block:hover:after{ background-color:rgba(255,255,255,0.1);}
.adv_link_block img{ margin:0;}

/*support comments***/
.spt_comments{ margin:10px auto; position: relative; display:inline-block;}
.comments_stars{display: inline-block; margin-right:10px; vertical-align:middle;}
.comments_stars>span{width: 18px; height: 16px; display: inline-block; background: url(../support/img/commnet_star.png) no-repeat; cursor: pointer; vertical-align:middle;}
.comments_star1{ background-position: 0 0;}
.comments_stars .comments_star2{ background-position:-36px 0;}
.comments_stars .comments_star3{ background-position:-18px 0;}
.spt_comments p{ display:inline-block; vertical-align:middle;}
.marks{ font-size:14px; margin-right:10px;}
.comments_complete{ width: 220px; padding: 10px; border-radius: 5px; text-align: center; font-size: 12px; line-height: 1.5; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: absolute; top: -50px; left: 0; transform: translateY(-30px); -webkit-transform: translateY(-30px); opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index:-1;}
.spt_comments .comments_complete_show{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; z-index:9;}
.comments_complete>img{ position: absolute; bottom: -11px; left:70px;}
.spt_comments span,.spt_comments{ font-size:14px; vertical-align:middle;}
.fm-search{width:21px; height:21px; float:left; margin-top:17px; background:url(../support/img/fm-search_hover.png) left center no-repeat; display:block; opacity:0.5;filter:alpha(opacity=50);}
.fm-search:hover{ opacity:1;filter:alpha(opacity=100);}
input:focus {outline: none}

/*2017-3-20*/
.add_sup_adv{ z-index:1; position:fixed; top:100%; width:100%;  background:#464646 url(../support/img/add_adv_bg.png) top center no-repeat; background-size:cover; display:none;  }
.add_sup_adv>span:before{ position:absolute; display:inline-block; top:10px; right:13px; content:"\e813"; font-family:"iconfont"; width:30px; height:30px; font-size:30px; color:#c8c8c8; text-align:center; cursor:pointer; line-height:28px; }
.add_sup_adv>span:hover:before{ color:#fff; }
.add_wrap img{ float:left; display:inline-block; margin:-35px 0 0 85px; }
.add_info{ display:inline-block; width:332px; margin:25px 0 0 34px; }
.add_info h4{ font-size:26px; color:#fff; }
.add_info p{ margin-top:5px; line-height:1.5; }
.add_info span{ display:inline-block; width:80px; font-style:italic; line-height:23px; border-radius:2px; background-color:#ff9000; }
.add_time{ float:left; width:208px; height:155px; margin:-12px 0 0 35px; background:#ff9000 url(../support/img/add_su_bg.jpg) top center no-repeat; }
.p1{ text-align:center; margin-top:20px; }
.p1 span{ font-size:20px; text-decoration:line-through; }
.add_time a{ display:block; width:168px; line-height:40px; margin:11px auto; color:#ff960d; text-align:center; border-radius:20px; background-color:#fff; text-decoration:none; }
.add_time a:before{ content:""; display:inline-block; width:21px; height:20px; margin-right:10px; vertical-align:middle; background:url(../support/img/add_car.png) no-repeat;}
.add_time time{ display:inline-block;  }
.p2{ text-align:center;}
.add_brand{ border:1px solid #7d7d7d; padding:15px 0 10px 0; margin-top:0px; }
.add_brand li{ float:left; width:195px; margin-right:20px; line-height:28px; color:#fff; font-size:14px; }
.add_brand li img{ float:left; margin:0px 5px 0 0; vertical-align:middle; }
.add_brand li span{ font-size:16px; }
.add_brand .add_li1{ width:125px; margin:0 20px 0 70px; }
.add_brand .add_last{ width:235px; }


/**2017-4-21 button*/
.green_btn{ width:280px; margin:30px auto; }
.green_btn a{ display:block; width:200px; margin:10px auto; line-height:48px; border-radius:5px; text-align:center; font-size:18px; color:#fff; background-color:#2cace8; text-decoration:none; }
.green_btn a:before{ content:"\e801"; font-family:"iconfont"; margin-right:5px; font-size:26px; vertical-align:middle; }
.green_btn a:hover{ text-decoration: none; background-color:#30bcfd;}

@media screen and (max-width: 980px) {
.guide_par{ width:100%; padding:0; }
.fm-search{ float:right; margin-right:1em;}	
.guide_par_right,.guide_par_left{ float:none; }
}