@charset "utf-8";
/* CSS Document */
html{background:#fff;cursor:default}
body,button,input,select,textarea{font:13px/1.3 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;}
a{color:#4d4d4d}
input[type="text"], input[type="password"], textarea, select {outline:none;color:#5c5c5c}
/*common*/
.gray{filter:grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url(../includes/desaturate.svg#greyscale);filter:gray;}
.pageInner{margin:0 auto;max-width:980px;min-width:980px;width:980px;clear:both;}/* 这里需要做成响应式布局使用，需要重新考虑 */

/*common header*/
.header{height:72px;margin:0 auto;min-width:980px;width:980px;clear:both;}/*根据实际需要，做成响应式布局,最小宽度限定改为最大宽度限定*/
.header .logo{width:150px;height:47px;float:left;margin-top:10px;background:url(../images/ArcSoftLogo.png) left center no-repeat;}

/*bannerA*/
.bannerA{clear:both;width:100%;height:400px;min-width:980px;overflow:hidden; background-position:center top;background-repeat:no-repeat;}
/*bannerB*/
.bannerB{clear:both;width:100%;height:400px;min-width:980px;overflow:hidden;background:url(../images/public/block_bg_1.gif) left top repeat-x;}
.bannerB .bannerInner{width:100%;height:400px;position:relative;zoom:1;margin:0 auto;background-position:center center;background-repeat:no-repeat;}
/*bannerC*/
.bannerC{clear:both;height:400px;min-width:980px;width:100%;z-index:100;position:relative;zoom:1;overflow:hidden;}
.bannerC .bannerInner{height:400px;position:relative;zoom:1;margin:0 auto;width:980px;background:none;}
.bannerC .bd{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;text-indent:-9999rem;background:url(../images/loading.gif) center center no-repeat;}
.bannerC .bd .bds{display:block;width:100%;height:400px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.bannerC .hd{width:200px;height:400px;padding:0 6px;text-align:center;background:url(../images/public/whiteOP50_c.png) 0 bottom repeat-x;position:absolute;top:0;right:50%; margin-right:-460px;}
.bannerC .hd li{position:relative;zoom:1;cursor:pointer; margin-top:15px;}
.bannerC .hd li .bearArrow{position:absolute;left:-3px;top:50%;margin-top:-8px;color:#530000;font-size:12px;font-family:"SimSun";width:12px;line-height:1;display:none;}
.bannerC .hd li .tub{display:inline-block;vertical-align:top;width:190px;height:100px;border:2px transparent solid;_border:2px #c9cacc solid;position:relative;background-position:center center;overflow:hidden;}
.bannerC .hd li .tub img{border:1px #c9cacc solid;width:188px;height:98px;}
.bannerC .hd li i{display:block;_display:none;width:190px;height:100%;*height:0;position:absolute;left:0;top:0;background:#fff;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.bannerC .hd li.cur{cursor:default;}
.bannerC .hd li.cur .bearArrow{display:inline-block;*display:inline;}
.bannerC .hd li.cur .tub{border:2px #530000 solid;}
.bannerC .hd li.cur .tub img{border:1px #530000 solid;}
.bannerC .hd li.cur i{display:none;}
.bannerC .hd li:hover i{display:none;}

/*banner*/
.banner{
	width:100%;
	display:block;
}

/*common width*/
.uline{margin:0 8px;}
.widthLimit{
	min-width:980px;
	width:90%;
}

/*public content*/
.mainWap{min-width:980px;clear:both;font-size:1rem;padding-top:30px;}
h1.titleH1{font-size:2rem;margin-bottom:15px;color:#000}
h2.titleH2{font-size:1rem;margin-bottom:40px;color:#4d4d4d}
.spLine1{min-height:19px;_height:19px;background:url(../images/public/block_bg_1.gif) left top repeat-x;clear:both;}
.mainBody{padding:30px 0;font-size:1rem;line-height:1.6}
.mainBody p{margin-bottom:25px}
.bodyWap{float:left;width:675px;padding:5px 45px 5px 0;border-right:1px solid #dcdcdc;}
.sideWap{float:right;width:215px;padding:5px 0 5px 44px;border-left:1px solid #dcdcdc;margin-left:-1px;}
h1.sideTitle{ font-size:1.3rem; color:#000000; margin-bottom:10px}
h3.sideTitle{margin-bottom:10px}

/*nav1th,nav2th,nav3th,crumbs*/
#navFixH,.navFixH{width:100%; position:relative;zoom:1; z-index:500;}
.nav2th{min-width:980px;width:100%;height:38px;line-height:38px;background:#c9c9c9;clear:both;font-size:1rem;font-weight:bold;}
/*
.nav2th a:nth-child(2) 
{
	display:none;
}
.nav2th a:nth-child(3) 
{
	display:none;
}
*/
.nav2th a{color:#5c5c5c;text-decoration:none;margin-right:35px;}
.nav2th a:hover{color:#3c3c3c}
.nav2th a.cur{cursor:default;color:#a10f13}
.nav3th{min-width:980px;width:100%;height:32px;line-height:32px;background:#4d4d4d;color:#fff;clear:both;font-size:1.18rem;}
.nav3th a{display:inline-block;padding:0 12px;color:#fff;text-decoration:none;}
.nav3th a.cur,.nav3th a.cur:hover{color:#fff;background:#a10e14;}
.nav3th a.cur{cursor:default;}
.nav3th a:hover{background:#822629}
.nav2th a:hover,.nav3th a:hover{text-decoration:none;}/* IE6 Hack */
.crumbs{font-size:0.9rem;margin-top:20px;height:25px;line-height:25px;}
.crumbs a{text-decoration:underline}



.nav1th {float:right;position:relative;zoom:1;z-index:2002;height:72px;}
.nav1th li.fore{float:left;color:#373737;position:relative;zoom:1;_display:inline;}

.nav1th li.fore a.bear{display:inline-block;height:53px;padding:19px 25px 0;color:#000000;font-size:1.3em;font-weight:bold;text-decoration:none;text-align:center;}
.nav1th li.fore a.bear span{margin-top:2px;display:block;overflow:hidden;font-size:0.9rem;color:#373737;font-weight:normal;}
.nav1th li.fore a.bear:active{background-color:#a10f13;}
.nav1th li.fore:hover a.bear,.nav1th li.fore.cur:hover a.bear{background-color:#cf878a;color:#ffffff}
.nav1th li.fore.cur a.bear{background-color:#a10f13;color:#ffffff}
.nav1th li.fore.cur a span,.nav1th li.fore:hover a span{color:#ffffff;}
.nav1th li.fore .sub{position:absolute;left:0;top:72px;display:none;width:280px;overflow:hidden;background:#fff;border:1px #cf878a solid;color:#666;font-size:1.1em;font-weight:normal;line-height:1.3;  
opacity:0.95; filter:Alpha(Opacity="95");-webkit-opacity:0.95;-moz-opacity:0.95;}
.nav1th li.fore:nth-child(1) .sub{ width:320px;}
.nav1th li.fore:nth-child(2) .sub{ width:370px;}
/*.nav1th li.fore:nth-child(3) .sub{ width:300px;}
.nav1th li.fore:nth-child(4) .sub{ width:300px;}*/

.nav1th li.fore .sub a{color:#333}
.nav1th li.fore .cover{width:500px;display:block;border-bottom:1px #ddd solid}
.nav1th li.fore .sub .row{margin-bottom:-1px}
.nav1th li.fore .sub ul{clear:both;line-height:1.5;min-width:255px;}
.nav1th li.fore .sub ul li{height:40px;line-height:40px;padding:0 10px;padding-left:15px;word-wrap:break-word;}
.nav1th li.fore .sub ul li.nh2{font-weight:bold;border-bottom:1px #a9a9a9 solid;padding-left:10px;background:none}
.nav1th li.fore .sub ul li .sq{font-size:1rem;font-weight:bold;line-height:1;margin-right:5px;}
.nav1th li.fore .sub .row ul li.nh2{padding-left:5px;}
.nav1th li.fore .sub ul.long{margin-top:-1px}
.nav1th li.fore .sub ul.long li{border-bottom:none;border-top:1px #a9a9a9 solid;height:auto;}
.nav1th li.fore .sub ul.long li p{margin-top:-10px;font-weight:normal;}
.nav1th li.fore .row {float:left;width:255px;margin:0 10px;}
.nav1th li.fore:hover .sub{display:block}
.nav1th li.fore a.cart{ display:none;padding:35px 10px 0;width:24px;height:33px;margin-top:-13px;color:#e62424;font-size:12px;line-height:1.1;font-family:Arial;text-align:center;background:url(../images/public/cart_sin.png) right 35px no-repeat; text-decoration:none;}
.nav1th li.fore:hover a.cart, .nav1th li.fore.cur a.cart{color:#e62424;background-color:inherit;}

.nav1th li.fore .sub h4{clear:both;background:#f0f0f0;padding:0 20px;height:40px;line-height:40px;color:#333;border-bottom:1px #fff solid}


/*20131220 remove live chat*/
.topliveChat,.cOrnotC{display:none}
/*nationFlag*/
.naFlag{}
.naFlag a{display:inline-block;vertical-align:middle;width:19px;height:13px;background:url(../images/icon_naflag.jpg) no-repeat;line-height:0;font-size:0;overflow:hidden; }
.naFlag .cn{background-position:0 0;}
.naFlag .en{background-position:-19px 0;}
.naFlag .jp{background-position:-38px 0;}
.naFlag .de{background-position:-57px 0;}
#languageBox{color:#333333;line-height:1;position:relative;zoom:1;width:70px;padding-left:5px; font-size:12px;}
#languageBox .cur{width:70px;height:24px;line-height:24px;position:absolute;top:0;text-align:center;font-weight:bold;border-top:2px #ca0e13 solid}
#languageBox .xsub{position:absolute;left:5px;top:26px;width:70px;overflow:hidden;background:#fff;display:none;}
#languageBox .xsub li{height:24px;line-height:24px;color:#666;border-top:1px #e4e4e4 solid;text-align:center;}
#languageBox .xsub li a{color:#666666;display:block;}
#languageBox .cur:hover,#languageBox .xsub li a:hover{background-color:#dedede;text-decoration:none;}
#languageBox.naFlag{width:auto;}
#languageBox.naFlag .cur{width:28px;height:13px;border:1px #d4d4d4 solid;text-align:right; line-height:0; cursor:pointer; font-size:0;}
#languageBox.naFlag .cur .arrow{display:inline-block;width:9px;height:13px;background:url(../images/public/icon_arrow-naflag.gif) top right no-repeat;}
#languageBox.naFlag .xsub{width:21px;top:15px;}
#languageBox.naFlag .xsub li{height:13px;line-height:13px;border:1px #d4d4d4 solid;margin-top:2px}
#languageBox.naFlag .xsub li a{ }



/*searchBox*/
.inputBox{position:relative;zoom:1;}
.inputBox .sinput{position:absolute;top:0;}
.inputBox .inputBtn{display:inline-block;border:none;cursor:pointer;position:absolute;top:0;right:0;}
.inputBox .searchBtn{background:url(../images/searchBtn.gif) no-repeat;}
.inputBox .arrowBtn{background:url(../images/arrowBtn.gif) no-repeat;}
/*socialIcon*/
.socialIcon_36 a{display:inline-block;vertical-align:top;width:36px;height:36px;background:url(../images/socialIcon_36.png) no-repeat;line-height:0;font-size:0;overflow:hidden; }
.socialIcon_36 .facebook{background-position:0 0;}
.socialIcon_36 .twiter{background-position:-36px 0;}
.socialIcon_36 .youtube{background-position:-72px 0;}
.socialIcon_36 .rss{background-position:-144px 0;}


/*Footer*/
#footerArc{min-width:980px;width:100%;height:auto;background-color:#c9c9c9;border-top:2px solid #f3f3f3;font-size:0.8rem;clear:both;}
#footerArc a{color:#5c5c5c;}
#footerArc a:hover{text-decoration:underline;}
#footerArc .footerWap{width:980px;margin:0 auto;padding:25px 0;}
#footerArc .footerBlock{float:left;padding:0 15px;height:280px;overflow:hidden; }
#footerArc .footerBlock h4{font-size:0.9rem;color:#5c5c5c;line-height:1;margin-bottom:15px;}
#footerArc .footerBlock .bolckTop{margin-top:22px;}
#footerArc .footerBlock p{margin-bottom:8px;overflow:hidden;}
#footerArc .footerBlock-A{width:260px;padding-left:0;border-right:1px solid #dfe0e0}
#footerArc .footerBlock-B{width:220px;}
#footerArc .footerBlock-C{width:220px;padding-left:0;border-right:1px solid #dfe0e0;}
#footerArc .footerBlock-C p a:hover{text-decoration:underline;}
#footerArc .footerBlock-D{width:170px;}
#footerArc .footerBottom{clear:both;width:980px;margin:0 auto;height:35px;line-height:35px;color:#5c5c5c;border-top:1px solid #dfe0e0}
#footerArc .followUs a{margin-left:10px;}
#footerArc .inputBox{width:260px;height:35px;}
#footerArc .inputBox .sinput{width:230px;height:33px;padding:0 5px;border:1px solid #ffffff;line-height:33px;font-size:1em;color:#5c5c5c;}
#footerArc .inputBox .inputBtn{width:35px;height:35px;}
#footerArc .bullet{margin-right:3px;float:left;*float:none;line-height:0.9}
#footerArc .naFlag a{margin:-2px 5px 0}

hr{background:#fdfdfd;border-top:#cacaca 1px solid;}
.btn_border{
	padding:2px;
	border:1px solid #d7d8d0;
	display:inline-block;
}
.btn_border a{
	background:#a10f13; 
	width:234px;
	height:48px;
	text-decoration:none;
/*	font-size:20px;*/
	text-align:center;
	line-height:48px;
	color:white;
	font-weight:bold;
	display:inline-block;
}
.content_divTitle{
	position:relative;
	font-size:1.4rem;
	width:100%;
	color:#4d4d4d;
	font-weight:bold;
	}
.content_divTitle > span{
	position:absolute;
	bottom:5px;
}
.text_round_pic_rt{margin:15px auto 30px; line-height:24px;}
.text_round_pic_rt p{color:#000;margin-bottom:15px;font-size:1rem; line-height:28px;}
.text_round_pic_rt>img{float:right; margin-left:50px; margin-bottom:50px; width:35%;}/*如果需要文字环绕图片形式，只需要让图片设个float就可以了*/
.text_round_pic_rt .img_div{float:right; margin-left:50px; margin-bottom:50px; width:35%;}/*如果需要文字环绕图片形式，只需要让图片设个float就可以了*/
.text_round_pic_lft img{float:left; margin-right:30px; margin-bottom:30px;}/*如果需要文字环绕图片形式，只需要让图片设个float就可以了*/
.footer_ul{
	position:relative;
	top:8px;
	float:left;
	width:250px;
	color:#a10f13;
	font-size:0.8rem;
	border:1px dashed #a10f13;
}
.ul_content{
	background:white !important;
	display:none;
	width:280px;
	position:absolute;
	border:1px solid #a10f13;
	bottom:-1px;
	left:-1px;
}
.ul_title{
	background: url(../images/product/downarrow.png) center right 10px no-repeat;
	background-size:16px;
}
.ul_content li,.ul_title{
	padding:0.5rem;
}
.footer_ul:hover .ul_content{
	display:block;
}
.contant_ArcSoft_top{
	float:right;
	height:48px;
	width:150px;
	margin:auto;
	color:white;
	background:#900;
	font-size:1rem;
	color:#fff;
	text-align:center;
	line-height:52px;
	cursor:pointer;
}
.contant_ArcSoft{
	box-shadow:0 0 5px #999;
	width:200px;
	margin:auto;
	line-height:50px;
	text-align:center;
	color:white;
	background:#a10f13;
	font-size:1rem;
	font-weight:bold;
	cursor:pointer;
}
.contant_ArcSoft_div{
	padding:20px;
	position:absolute;
	display:none;
	width:300px;
	background:#a10f13;
	font-size:1rem;
	color:white;
	line-height:24px;
}
#banner{
	position:relative;
	left:50%;
	margin-left:-960px;
	width:1920px;
	overflow:hidden;
}
#banner_text{
	font-weight:bold;
	left:470px; 
	position:absolute; 
	bottom:45px; 
	font-size:41px;
	text-shadow:0 1px 1px #000;
	color:white;
	letter-spacing:-1px;
}
#banner img{
	display:block;
	height:400px;
	overflow:hidden;
}
.tech_more b{
	color:#4d4d4d;
	text-align:center;
	}
.tech_more,.tech_more_dot{
	text-align:left; 
	font-size:1rem;
	margin-bottom:50px;
}
.tech_more>div{
	width:15%;
	display:table-cell;
	margin-right:40px;
	font-weight:bold;
	text-align:center;
/*	line-height:50px;*/
}
.tech_more img{
	vertical-align:middle;
	/*margin-right:20px;*/
	width:98px;
	display:block;
	margin:auto;
}
.tech_more_dot > div{
	float:left;
	width:96%;
	margin-right:3%;
	margin-bottom:2rem;
}
.tech_more_dot > div:nth-child(2n+1){
	margin-right:0;
}
.tech_more_dot img{
	float:left;
	margin-right:20px;
	width:150px;
	box-shadow:0 0 5px #999;
}
.text_center
{
   	width:100%; 
	float:right; 
	text-align:center;
	color:#000;
	font-weight:bold;
/*	font-size:16px;*/
}
.pc_hide
{
	display:none;
}

/*contact*/
#contactWap .strRed{color:#C91414;vertical-align:top}
#contactWap a{text-decoration:none}
#contactWap a:hover{text-decoration:underline}
#contactWap input[type="text"], textarea, select{color:#888}
#contactWap .wapSide{float:left;width:220px;}
#contactWap .wapSide .icon{text-align:center}
#contactWap .wapSide .spl{ background:#f1f1f1; height:6px; margin:20px 0;}
#contactWap .wapSide h1.titleH1{color:#222;margin-bottom:5px;}
#contactWap .wapSide h4{font-weight:normal; margin-top:20px;}
#contactWap .wapSide .strRed{color:#A10F13}
#contactWap .wapBody{float:left;width:615px;padding:5px 45px 5px 0;border-right:1px solid #dcdcdc;}
#contactWap .wapBody h1.titleH1{font-size: 16px;color:#222}
#contactWap .ftit{font-size:16px;font-weight:bold;vertical-align:top;color:#888;padding-right:10px;}
#contactWap .infobox{width:600px; margin-top:20px;}
#contactWap .infobox .infoCon{margin-bottom:10px;}
#contactWap .infobox .infoCon .textInfo{width:335px;}
#contactWap .infobox .infoCon select.textInfo{padding-right:0}
#contactWap .CommentBoxBtn{padding-right:50px;width: auto;}
#contactWap .CommentBoxBtn .Btn{ width:120px; height:40px;float:right;}
#contactWap .CommentBoxBtn .Btn[name="resetBtn"]{background:#394a5b;}
#contactWap .CommentBoxBtn .Btn:active{background-color:#333;}
#contactWap #feedbackMsg{color:#771e14;}
 .mobileiframe { width: 780px; height:1000px ;}

@media screen and (max-width:981px){
	.nav2th{ width:96% !important;padding:0 2%;min-width:96% !important;width:96% !important;}
	.pageInner{ min-width:96% !important;max-width:96% !important;width:96% !important; padding:0 2%;}
	#footerArc{ min-width:96% !important;max-width:96% !important;width:96% !important; padding:0.5em 2%;}
	#banner{ position:inherit}
	#banner_text{ display:none;}
	.content_divTitle, .tech_more{ width:96% !important; clear:both; padding:30px 2% 0 2%;}
	.text_round_pic_rt{ width:96%;}
	.footer_ul{ margin:0 2%}
	.DivHot{ width:96%; padding:0 2%}
	.footerWap, .footerBottom{ width:920px !important;}
	.footerBlock-D{display:none;}
	.pc_hide{ display:block;}
     #contactWap .CommentBoxBtn p.CommentBoxBtn-p1{margin-bottom:20px !important;}
	 .mobileiframe { width: 100% !important; height:1130px !important;}
	 .tech_more div b{height:98px !important;display:table-cell !important; vertical-align:middle; text-align:left;}
	 .tech_more br{ display:none;}
}
@media screen and (max-width:599px){
    .mdphoto{ margin:0px 0 20px 0px !important;}
	.mdphoto img{ width:100%;}
	.img100{ width:100% !important;}
	.textInfo{ width:92% !important;}
	#CountryCode,#FeedBackCat{width:95% !important;}
	.textareaComment{width:95% !important;}
	#contactWap .CommentBoxBtn{ padding-right:0 !important; width:100% !important;}
	#contactWap .CommentBoxBtn .Btn { width:44% !important; margin:0 3% !important;}

}