@charset "utf-8";
/* CSS Document */
html{background:#fff;cursor:default}
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:-9999em;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;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*/
.widthLimit{
	min-width:980px;
	width:90%;
}

/*public content*/
.mainWap{min-width:980px;clear:both;font-size:1em;padding-top:30px;}
h1.titleH1{font-size:2em;margin-bottom:15px;color:#000}
h2.titleH2{font-size:1.2em;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:1.2em;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.3em; 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:1.25em;font-weight:bold;}
.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.18em;}
.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:1.12em;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{display:block;overflow:hidden;font-size:0.9em;color:#373737;font-weight:normal;
/*cursor:pointer; */
}
.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:550px;overflow:hidden;background:#fff;border:1px #cf878a solid;color:#333;font-size:1em;font-weight:normal;line-height:1.3;}
.nav1th li.fore .sub a{color:#333}
.nav1th li.fore .cover{width:550px;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:30px;line-height:30px;padding:0 10px;padding-left:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.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:1em;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;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 h4 {height: 40px; line-height: 40px;}

.nav1th li.fore .hot-logo{color:#B2181E}

/*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  li{height:13px;line-height:10px;padding-top:10px;text-align:center}
#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{ }
#languageBox{float:right;}



/*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:1.1em;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 10px;height:450px;overflow:hidden; }
#footerArc .footerBlock h4{font-size:1.25em;color:#5c5c5c;line-height:1;margin-bottom:15px;}
#footerArc .footerBlock .bolckTop{margin-top:22px;}
#footerArc .footerBlock p{font-size:1em;line-height:1.5;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#footerArc .footerBlock-A{width:120px;padding-left:0;border-right:1px solid #dfe0e0}
#footerArc .footerBlock-B{width:190px;}
#footerArc .footerBlock-C{width:160px;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:3px;}
#footerArc .inputBox{width:300px;height:35px;}
#footerArc .inputBox .sinput{width:255px;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{
	margin-top:20px;
	font-size:32px; 
	width:100%;
	color:#000;
	font-weight:bold;
	}
.text_round_pic_rt{margin:15px auto 30px; line-height:24px;}
.text_round_pic_rt p{color:#000;margin-bottom:15px;font-size:18px; 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:18px;
	border:1px dashed #a10f13;
}
.ul_content{
	background:white !important;
	display:none;
	width:250px;
	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.25em;
}
.footer_ul:hover .ul_content{
	display:block;
}
.contant_ArcSoft_top{
	float:right;
	height:48px;
	width:150px;
	margin:auto;
	color:white;
	background:#900;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:52px;
	cursor:pointer;
}
.contant_ArcSoft{
	display:inline-block;
	box-shadow:0 0 5px #999;
	width:200px;
	margin:auto;
	line-height:50px;
	text-align:center;
	color:white;
	background:#a10f13;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.contant_ArcSoft_div{
	padding:20px;
	position:absolute;
	display:none;
	width:300px;
	background:#a10f13;
	font-size:18px;
	color:white;
	line-height:24px;
}
.contant_ArcSoft_div2{
	padding:20px;
	position:absolute;
	display:none;
	width:230px;
	background:#a10f13;
	font-size:18px;
	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;
	word-spacing:30px;
}
#banner img{
	display:block;
	height:400px;
	overflow:hidden;
}
.tech_more b{
	color:#000;
	text-align:center;
	}
.tech_more,.tech_more_dot{
	text-align:left; 
	font-size:18px; 
	margin-bottom:50px;
}
.tech_more>div{
	/*width:250px;*/ 
	display:inline-block;
	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:48%;
	margin-right:3%;
	margin-bottom:2em;
}
.tech_more_dot > div:nth-child(2n+1){
	margin-right:0;
}
.tech_more_dot img{
	float:left;
	margin-right:20px;
	width:196px;
	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;
	}

@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 2%;}
	/*#banner{ position:inherit}*/
	#banner_text{ display:none;}
	.content_divTitle, .tech_more{ width:96% !important; padding: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;}
	
}
@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;}
	#contactWap .CommentBoxBtn .Btn { width:40% !important; margin:0 5% !important;}
	
}