/** reset css **/
*{ margin:0px; padding:0px;}
body{color:#000; font-size:12px;}
a{ text-decoration:none;  color:#000;}
a:hover{ color:#0078d7;}
ul,li{ list-style:none;}
html,body{ overflow-x: hidden;}
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}

.wrap{ width:1200px; position:relative; margin:0px auto;}
/*header*/
#header{ width:100%; height:auto; background-color:#fff; position:relative; z-index:12; border-bottom:0;}

.top_logos{ width:173px; height:68px; float:left; display:inline;overflow:hidden;}
.top_logos img{ height:100%;}
.top_menu{ width:auto; float:right; display:inline;}
.top_menu ul{ padding-top:0px; height:70px; zoom:1;}
#header .top_menu ul li span a{height: 70px;line-height: 70px;}
.top_menu ul li{ float:left; display:inline; height:60px; margin-right:24px;line-height:60px; position:relative;}
.top_menu ul li a{ display:block; font-size:12px; color:#333333;font-weight: bold; }
.top_menu ul li>a:after{ content:''; display:block; position:absolute; width:0; height:4px; background-color:#0078d7; left:50%; margin-left:0px;  transform-origin:center center; bottom:0px; transition:all 0.5s;}
.top_menu ul li.on>a,.top_menu ul li a:hover{ color:#0078d7;}
.top_menu ul li.on>a:after,.top_menu ul li>a:hover:after{margin-left:-50%;width:100%;}
.top_menu .sub_menu{ position:absolute; left:-15px; top:70px; background-color:#fff; padding:5px 15px; width:auto; display:none; box-shadow:0 2px 5px #999; width:180px;box-sizing: content-box;}
.top_menu .sub_menu p a{ font-weight:normal; line-height:30px; font-size:16px;}
.top_bread{  float:right; padding-top:28px; display:inline;zoom:1;}
.lang{ float:left; display:inline-block; padding:0px 5px; _display:inline; position:relative; vertical-align:top;height:36px; }
.lang_con{ display:block; font-size:12px; line-height:14px;color:#000; cursor:pointer;}
.lang_con i{ display:inline-block;vertical-align:top; position:relative; width:20px; height:15px; overflow:hidden;}
.lang_lang .lang_con i{background-position:0px 0px;margin-right: 5px; }
.lang_sin .lang_con i{background-position:0px -23px; margin-right:2px; }
.slect{ position:absolute; display:none; top:36px; left:-22px; background-color:#fff; width:150px; height:auto; border:1px solid #a1a1a1; z-index:99;box-sizing: content-box;}
.up_icon{ display:block; width:20px; height:12px; position:absolute; top:-11px; left:50px; background:url(../../../uploadfile/2016/0531/icon.png) no-repeat 0 -115px;}
.slect ul{ padding:15px 20px;}
.slect li{ line-height:25px; text-align:left;}
.slect li a{ display:block; font-size:14px; color:#6e6e6e;}
.slect li a:hover{ color:#0078d7}
.slect li a i{ display:inline-block; padding:3px 8px 6px 8px; margin-right:5px; vertical-align:middle;background-repeat:no-repeat;}
.nav_icon{height:12px;width:16px;color:#0698D3;font-size: 20px !important;}
.curr_icon{height:15px;width:15px;}
.flag01{ background-position:0 0;}
.flag02{ background-position:0 -25px;}
.flag03{ background-position:0 -50px;}
.flag04{ background-position:0 -75px;}
.flag05{ background-position:0 -100px;}
.flag06{ background-position:0 -125px;}
.flag07{ background-position:0 -150px;}
.flag08{ background-position:0 -175px;}
.flag09{ background-position:0 -200px;}
.lang_sin .slect{ width:220px; left:-120px;}
.lang_sin .up_icon{ left:150px;}
.lang_sin .slect ul{ padding:15px;}
.lang_sin .slect ul input[type='checkbox']{ vertical-align:middle;}
.lang_sin .slect ul input[type='text'],.lang_sin .slect ul input[type='password']{ padding:2px 5px; width:100%; box-sizing:border-box; border:1px solid #b2b2b2;vertical-align:top;}
.r_ty{ text-align:right; font-size:12px;}
.login_btn{ font-size:24px; margin-top:5px; color:#0078d7; border:none; background:transparent; cursor:pointer; outline:none;}
.search_icon{ float:left; display:inline; width:30px; height:30px; background:url(../../../uploadfile/2016/0531/icon.png) no-repeat 0px -45px; margin-left:10px; margin-top:-7px; cursor:pointer;}
.search_bar{ width:770px; height:68px; background-color:#fff; position:absolute; right:0; top:0; display:none;}
.search_bar form{width:750px; margin-top:23px;}
.s_text{height:30px; font-size:16px; line-height:30px; width:280px; color:#333; background:url(../../../uploadfile/2016/0531/icon.png) no-repeat 0px -45px; padding:0px 15px 0px 45px; border:none; outline:none; background-color:transparent; outline:none;vertical-align:top; transform:translateX(50px); transition:all ease 0.5s; opacity:0;}
.s_mit{ width:30px; height:30px; position:absolute; top:23px; left:0px; background-color:transparent; display:none; font-size:0px; border:none; outline:none; cursor:pointer;}
.search_closed{width:30px; height:30px; position:absolute; top:23px; right:0px; background:url(../../../uploadfile/2016/0531/icon.png) no-repeat 6px -75px; font-size:0px; cursor:pointer;}
.search_key{ position:absolute; top:68px; left:30px; background-color:#FFF; width:350px; border:1px solid #a1a1a1; border-top: none;}
.search_key ul{ padding:15px;}
.search_key ul li{ line-height:24px; font-size:14px;color:#6e6e6e;transform:translateX(50px); opacity:0;}
.search_key ul li:nth-child(1){transition:all 0.5s;}
.search_key ul li:nth-child(2){transition:all 0.5s 0.1s;}
.search_key ul li:nth-child(3){transition:all 0.5s 0.2s;}
.search_key ul li:nth-child(4){transition:all 0.5s 0.3s;}
.search_key ul li:nth-child(5){transition:all 0.5s 0.4s;}
.search_key ul li a{ color:#6e6e6e; font-size:16px; padding-left:10px;}
.search_key ul li a:hover{ color:#0078d7;}
.search_bg{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.7); display:none; z-index:11;}
.sbar_show .s_text,.sbar_show ul li{ transform:translateX(0); opacity:1;}

/*footer*/
/**底部导航**/
.f_list_box{ background:#f6f6f6; width: 100%; height: auto; border: 1px solid #E8E8E8; border-left: 0; border-right: 0; margin:0px; overflow:hidden;padding-bottom:20px;}
.f_list_box_2{ background:#f6f6f6; width: 100%;  border:0px solid #E8E8E8; border-left: 0; border-right: 0; margin:0px; clear:both;}
.foot{background:#f6f6f6; font-size:14px; width:1000px; margin-left:auto; margin-right:auto; text-align:left; padding-left:20px; line-height:25px; margin-top:0px; margin-bottom:0px; padding-top:0px;}

.f_list{ width: 1000px; margin-left:auto; margin-right:auto;}
.f_list ul{ width: 1000px; }
.f_list ul:after{clear:both;content:"\200B";display:block;height:0;}
.f_list ul {*zoom:1;}
.f_list li{ width: 14.5%; float: left; padding: 15px 0 0 0px; text-align: left; font-size:14px; color:#333; background-image:url(../../../uploadfile/2016/0531/li-1.jpg); background-repeat:no-repeat; background-position:right center; margin-right:20px; }
.f_list li p { line-height:24px; text-align: left}
.f_list ul li p.foot_tit { font-size: 16px; color: #333; border-bottom: 0px #D9D7D8 solid; padding-bottom: 10px; }
/**底部导航的小图标**/
.one{ background: url(../../../uploadfile/2016/0531/foot.png) 0 0 no-repeat; width: 15px; height: 15px; display: inline-block; 
		vertical-align:-2px; margin: 0px 3px 0 0;}
.two{ background: url(../../../uploadfile/2016/0531/foot.png) 0 -26px no-repeat; width: 15px; height: 15px; display: inline-block; 
		vertical-align:-2px; margin: 0px 3px 0 0;}
.three{ background: url(../../../uploadfile/2016/0531/foot.png) 0 -51px no-repeat; width: 15px; height: 15px; display: inline-block; 
		vertical-align:-2px; margin: 0px 3px 0 0;}
.four{ background: url(../../../uploadfile/2016/0531/foot.png) 0 -78px no-repeat; width: 15px; height: 15px; display: inline-block; 
		vertical-align:-2px; margin: 0px 3px 0 0;}
.five{ background: url(../../../uploadfile/2016/0531/foot.png) 0 -103px no-repeat; width: 15px; height: 15px; display: inline-block; 
		vertical-align:-2px; margin: 0px 3px 0 0;}
		
@media only screen and (min-width: 1220px) and (max-width:2000px) {
	.wrap ,.f_list ul ,.f_list ,.foot { width: 1200px;}
	.search_bar {width: 930px;}
	.f_list li { width: 15%;}
	.top_menu ul li { margin-right: 42px;}
	#navs ul li a { font-size: 16px;}
}		
@media only screen and (min-width: 800px) and (max-width:1220px) {
	.wrap ,.f_list ul ,.f_list ,.foot { width: 95%;}
	.search_bar {width: 80%;}
	.f_list li { width: 13.3%;}
	.top_logos { width: 13%;}
	.top_logos img { width: 100%;}
	.lang_lang ,.lang_sin { display: none;}
}
@media only screen and (max-width:800px) {
	.wrap ,.f_list ul ,.f_list ,.foot { width: 98%;}
	.search_bar {width: 80%;}
	.f_list li { width: 13.3%;}
	.top_logos { width: 20%;}
	.top_logos img { width: 100%; height: auto; position: relative; top: 10px;}
	.lang_lang ,.lang_sin ,.top_menu { display: none;}
	.foot { font-size: 12px; line-height: 22px;}
}
@media only screen and (min-width:1680px) {
	.wrap ,.f_list ul, .f_list, .foot ,.top-nav .bigtitle ,.nevg-bar ,.contents { width: 1400px;}
	.top_menu ul li{ margin-right:42px;}
	.top_menu ul li a{ font-size:16px;}
	.top_menu .sub_menu p a { font-size: 16px;}
	#navs ul li a{ padding:0px 21px; font-size: 16px;}
	.search_bar{ width:945px;}
	.search_key ul li{ line-height:30px;}
}
#header { margin-bottom: 0;}
#header .wrap { height: 70px;}
.top_logos { height: 70px;}

.foot { padding-left: 0;}
.f_list ul { padding-left: 0 !important;}

/*620 new css*/
.sm-logo { float: left; display: none; padding: 12px 0;}
.sm-logo img { height: 16px;}
.sm-right-menu { display: none; position: absolute; top: -1px; right: 0;}
.sm-right-menu a { display: block; width: 30px; height: 14px; padding: 13px 0; background: #388fce;}
.sm-right-menu a i.ico-menu { display: block; width: 17px; height: 14px; background: url(../../../uploadfile/2016/0704/images/ico_r_menu.png) no-repeat; background-size: 100%; margin: 0 auto ;}
.sm-car { display: none; width: 18px; height: 18px; position: absolute; top: 12px; right: 40px; border-left: 1px solid #c2c2c3; padding-left: 5px;}
.sm-car a { display: block;}
.sm-car a i.ico-car { display: block; width: 18px; height: 18px; background: url(../../../uploadfile/2016/0704/images/ico_shopcar.png) no-repeat; background-size: 100%;}
.new-top-bar { display: none; height: 94px; position: relative;}
.new-top-bar a.top-menu-close { display: block; position: absolute; width: 20px; height: 20px; background: url(../../../uploadfile/2016/0704/images/ico_close_left.png) no-repeat; background-size: 100%; position: absolute; top: 40px; left: 17px;}
.new-top-bar .logo { height: 24px; width: 26px; margin: 0 auto; padding: 35px 0;}
.new-top-bar .logo img { width: 100%;}

.top_menu ul li span>a:after{ content:''; display:block; position:absolute; width:0; height:4px; background-color:#0078d7; left:50%; margin-left:0px;  transform-origin:center center; bottom:0px; transition:all 0.5s;}
.top_menu ul li.on span>a,.top_menu ul li span a:hover{ color:#0078d7;}
.top_menu ul li.on span>a:after,.top_menu ul li span>a:hover:after{margin-left:-50%;width:100%;}

.new-bottom { display: none; width: 80%; margin: 30px auto;}
.new-bottom .freetralis { }
.new-bottom .freetralis a { color: #fff;}
.new-bottom .freetralis a i.ico { display: block; float: left; width: 10px; height: 13px; background: url(../../../uploadfile/2016/0704/images/ico_download.png) no-repeat; background-size: 100%; margin: 4px 5px 0 0;}
.new-bottom .socialapp { margin:15px 0;}
.new-bottom .socialapp a { display: block; float: left; width: 15px; height: 15px; margin: 0 10px 0 0;}
.new-bottom .socialapp a.Facebook { background: url(../../../uploadfile/2016/0704/images/ico_shejiaonet_1.png) no-repeat; background-size: 100%;}
.new-bottom .socialapp a.LinkedIn { background: url(../../../uploadfile/2016/0704/images/ico_shejiaonet_2.png) no-repeat; background-size: 100%;}
.new-bottom .socialapp a.YouTube { background: url(../../../uploadfile/2016/0704/images/ico_shejiaonet_3.png) no-repeat; background-size: 100%;}
.new-bottom .socialapp a.Twitter { background: url(../../../uploadfile/2016/0704/images/ico_shejiaonet_4.png) no-repeat; background-size: 100%;}

.noscroll { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden;}


.f-new-bot-bar { display: none; height: 80px; position: relative;}
.f-new-bot-bar a.f-top-menu-close { display: block; position: absolute; width: 15px; height: 15px; background: url(../../../uploadfile/2016/0704/images/ico_f_close.png) no-repeat; background-size: 100%; position: absolute; top: 40px; left: 17px;}
.f-new-bot-bar .logo { height: 24px; width: 26px; margin: 0 auto; padding: 35px 0;}
.f-new-bot-bar .logo img { width: 100%;}
.f-new-bottom { display: none; width: 80%; margin: 30px auto;}
.f-new-bottom .freetralis { }
.f-new-bottom .freetralis a { color: #595757;}
.f-new-bottom .freetralis a i.ico { display: block; float: left; width: 10px; height: 13px; background: url(../../../uploadfile/2016/0704/images/ico_f_download.png) no-repeat; background-size: 100%; margin: 4px 5px 0 0;}
.f-new-bottom .socialapp { margin:15px 0;}
.f-new-bottom .socialapp a { display: block; float: left; width: 15px; height: 15px; margin: 0 10px 0 0;}
.f-new-bottom .socialapp a.Facebook { background: url(../../../uploadfile/2016/0704/images/ico_f_sj_1.png) no-repeat; background-size: 100%;}
.f-new-bottom .socialapp a.LinkedIn { background: url(../../../uploadfile/2016/0704/images/ico_f_sj_2.png) no-repeat; background-size: 100%;}
.f-new-bottom .socialapp a.YouTube { background: url(../../../uploadfile/2016/0704/images/ico_f_sj_3.png) no-repeat; background-size: 100%;}
.f-new-bottom .socialapp a.Twitter { background: url(../../../uploadfile/2016/0704/images/ico_f_sj_4.png) no-repeat; background-size: 100%;}

@media screen and (max-width: 800px) {
	#header .wrap { height: 40px;}	
	.top_logos ,.top_menu ,.f_list ul li p.foot_tit { display: none;}
	.sm-logo ,.sm-right-menu ,.sm-car ,.new-top-bar ,.new-bottom ,.f-new-bot-bar ,.f-new-bottom { display: block;}
	
	.search_icon { float: none; position: absolute; top: 11px; right: 72px; width: 17px; height: 17px; display: block; background: url(../../../uploadfile/2016/0704/images/ico_srh.png) no-repeat; background-size: 100%; margin: 0;}
	.wrap .search_bar { height: 40px; right: 70px; width: 60%;}
	.search_bar form { margin-top: 0;}
	.wrap .s_text { height: 40px; line-height: 40px; background-position: 10px -40px;}
	.search_closed { top: 4px;}
	.search_key { top: 40px;}
	
	.wrap .top_menu { width: 100%; display: block; position: fixed; top: 0; bottom: 0; left: 0; background: #338fcd; color: #fff; overflow-y: auto; z-index: 9900;}
	.wrap .top_menu ul { padding: 0; height: auto;}
	.wrap .top_menu li { display: block; float: none; width: 80%; height: auto; margin: 0 auto;  }
	.wrap .top_menu li span { display: block; width: 100%;height: 46px; border-bottom: 1px solid #fff; line-height: 46px;position: relative; background: url(../../../uploadfile/2016/0704/images/ico_tri.png) right center no-repeat; background-size: 11px auto; }
	.wrap .top_menu li.active span {background: url(../../../uploadfile/2016/0704/images/ico_tri2.png) right center no-repeat; background-size: 11px auto;}
	.wrap .top_menu li:nth-child(3) span {  background: none;} 
	.wrap .top_menu li a { display: inline; color: #fff; position: relative;}
	.wrap .top_menu li a:hover { color: #fff;}
	.wrap .top_menu .sub_menu { position: relative; left: 0; top: 0; background: none; width: 100%; box-shadow: none; padding: 0; background: #2880bc;}
	.wrap .top_menu .sub_menu p {padding: 0 6%;}
	
	.f_list { width: 80%;}
	.f_list li {width: 100% !important; float: none; background: none; padding: 0; margin-right: 0;}
	.f_list li a { color: #595757;}
	.f_list li.lastli { display: none;}
	.f_list li .f-dropdown { display: none; background: #eee;}
	.f_list li .f-dropdown p { margin: 0 10px; height: 30px; line-height: 30px;}
	.f_list ul li .f-dropdown p.foot_tit { border-bottom: none; background: none;}
		
	.f_list ul li span.foot_tit { padding: 5px 0; display: block; width: 100%; height: 30px;  line-height: 30px;position: relative; background: url(../../../uploadfile/2016/0704/images/ico_f_down.png) right center no-repeat; background-size: 11px auto; border-bottom: 1px solid #898989; }
	.f_list ul li span.foot_tit.active {background: url(../../../uploadfile/2016/0704/images/ico_f_down2.png) right center no-repeat; background-size: 11px auto;}
	.f_list_box_2 { padding: 5px 0;}
	.f_list_box_2 .foot { width: 80%; margin: 0 auto; text-align: center; line-height: 20px;}
	.f_list_box { padding-bottom: 0;}
	.f_list_box_2 .foot a { font-size: 12px;}
	
}

/*new-icon样式S  目前不需要显示，做屏蔽处理，不删除*/
/*
.top_menu ul li:first-child+li+li+li+li:after{
	content: '';
	display: block;
	width: 29px;
	height: 20px;
	background: url(/static/images/zwcad/en/gpc2019/bloc-homepage.png);
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	position: absolute;
	top: 8px;
	left: 66px;
}
.top_menu ul li:first-child+li+li+li+li .sub_menu p:first-child+p+p+p+p+p+p a:after{
	content: '';
	display: block;
	width: 28px;
	height: 14px;
	background: url(/static/images/zwcad/en/gpc2019/bloc-homepage-down.png);
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	position: absolute;
	bottom: 14px;
	left: 78px;
}
*/
@media screen and (max-width: 800px){
	.top_menu ul li:first-child+li+li+li+li:after{left: 68px;}
	.top_menu ul li:first-child+li+li+li+li .sub_menu p:first-child+p+p+p+p+p+p a:after{
	bottom: 3px;
    left: 64px;
	}
}
/*new-icon样式E*/
.newfootbar {
  
}
.newfootbar-menu{
	width: 53px; height: 53px; background: url(../../images/zwsoft/sim/icon2.png) no-repeat center #2f2f2f; background-size:18px ; border-radius: 50%;margin: 0 auto;position: absolute;left: 0;right: 0;top: -20px; display: none;
}

/*ZWorld icon 目前不需要显示，做屏蔽处理，不删除*/
/*
.top_menu ul li:first-child+li+li+li+li .sub_menu p:first-child+p+p+p+p+p+p a:after{
	content: '';
	display: block;
	width: 28px;
	height: 14px;
	background: url(/static/images/zwcad/en/gpc2019/bloc-homepage-down.png);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: absolute;
	bottom: 42px;
	left: 78px;
}
*/
/*ZWorld icon*/