@charset "utf-8";
/* CSS Document */

@import"english.css";

header,nav,article,section,aside,footer{display:block;}
html {}
body { background:#fff; font:normal normal 12px/1.5em  Tahoma, Geneva, sans-serif,"微软雅黑"; color:#333;}
.dis { display:none;}
.shadow{text-shadow:0 1px 0 #fff,0 -1px 0 #ccc;}
#wrapper { width:100%;}
.top_line { width:100%; height:35px; position:absolute;  background:none;  border-bottom:0px solid #fff;}
#header { width:100%; height:150px; background:#F7F7F7 url(/theme/images/header_bg.jpg) no-repeat; }

.header_top ,#menu{ width:1200px; margin:0 auto;}
.header_top{ height:150px; overflow:hidden; }
.header_top .logo {  margin:0px 0 0 0; float:left; }
.header_top .logo a { display:block; width:710px; height:150px; background:url(/theme/images/logo.png) no-repeat; overflow:
hidden; }
.header_top .logo a span{ text-indent:-10000px; display:block;}
.header_top .logo a:hover { background:url(/theme/images/logo_hover.png) no-repeat;}
.header_right { width:430px; height:122px; float:right;}
.header_top .logo a.en,.header_top .logo a.en:hover { background:url(/theme/images/top_logo_en.png) no-repeat; }
@media only screen and (max-width: 414px) {
.top_line { display:none; }
.header_top{width:100%; height:60px; background:#666;}
}


.select_lang { width:1200px; height:30px;   margin:-15px auto;}
.select_lang ul li{ float:right; }
.select_lang ul li.addFavorite{ width:60px; }
.select_lang ul li a{ display:block; width:70px; height:22px; line-height:22px; text-align:center; overflow:hidden; color:#333; background:url(/theme/2015/images/lang1.png) no-repeat; text-indent:0px;}
.select_lang ul li.en a{ background-position:-100px 0px;}
.select_lang ul li a:hover{ border-bottom:2px  solid #f00;}
.select_lang ul li.cn a:hover{ background-position:left -15px;}
.select_lang ul li.en a:hover{ background-position:-100px -15px;}
.select_lang ul li.add1Favorite a:hover{ background-position:left -15px;}
.select_lang ul li.add1Favorite a{ background:url(/theme/2015/images/Favorite_link.png) no-repeat; width:60px;}

.gobal_nav {position:absolute; background: url(../bg/alpha_white_80.png); width:100px; top:0px; margin-left:750px; display:none; float:right;}
.gobal_nav ul li { float:none;}
.gobal_nav ul li a{ float:none; width:100px; color:#fff;}

.weixinpic {position:absolute; width:100px; height:120px; background:url(/theme/images/qr.jpg) no-repeat; top:0px;  margin-left:880px; display:none; float:right;}





.header_right .header_search { width:300px; height:65px;  margin:25px 0 0 0;}
.header_right .paypal a {display:block; float:left; margin-top:25px; width:430px; height:122px; background:url(/theme/images/top_tel.png) no-repeat right center; }
.header_right .paypal a:hover {background:url(/theme/images/top_tel_hover.png) no-repeat right center; }
#search {width:288px; height:46px; background:url(/theme/2015/images/search_bg.png) no-repeat;}
#search .text {width:188px; background:#dbdbdb url(/theme/2015/images/search_input_text_bg.png) no-repeat; height:18px; margin:13px 0 0 30px; float:left;}
#search .submit {margin:5px 0 0 26px; text-indent:-1002px; overflow:hidden; cursor:pointer; background:url(/theme/2015/images/searching.png); width:32px; height:32px;}
#menu {margin:0 auto;}
#menu2 { display:none;}

.navbox{height:60px;position:relative;z-index:999; margin:auto;background:#554b4a url(../../images/menu_bg.png) repeat-x;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;font-family:'微软雅黑';}
.nav{width:1102px;margin:0 auto;height:40px; list-style:none;}
.box_logo { display:none;}
/**
#products .top_line { width:300px; top:0px; right:10px; z-index:10000; }
#products .select_lang {   width:100%; position:absolute;  }
#products .weixinpic  {  margin-left:0; right:0; margin-top:-10px; }
#products .gobal_nav  {  margin-left:60px; }
#products .select_lang ul li a { color:#ccc;}
#products .navbox {height:130px; width:100%; top:0;  background:url(/theme/2015/bg/alpha90.png);position:fixed;}
***/
.nav li{float:left;height:60px;position:relative; list-style:none;}
#products .nav li{ height:40px; }
@media only screen and (max-width: 1440px) {
 
 
#products .top_line { }
 

}

#products  .navbox .box_logo { display:none; position:absolute; left:10px; top:0; width:300px; height:50px; }
#products  .navbox .box_logo a { display:block; width:300px; overflow:hidden; height:50px; background: url(/theme/images/nav_logo.png) no-repeat;}
#products  .navbox .box_logo a span { display:none;}


.nav li.last{background:none;}
.nav li a{text-decoration:none; font-family:'微软雅黑';}
.nav li a span{float:left;display:block;line-height:60px;font-size:15px;color:#ffffff;cursor:pointer;width:136px;text-align:center; }

.mj_hover_menu,#about .nav_about,#homepage .nav_homepage,#products .nav_products,#feedback .nav_support{text-decoration:none; width:136px; background:#800000; height:60px;}
.nav li .submenu{display:none;position:absolute; z-index:99; top:50px;left:-9px;}
#products .nav_products .submenu{ display:block;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
.mj_menu_pro_bg{width:625px; height:235px; background:url(/theme/2015/img/menu_pro_bg.png) no-repeat;}
.mj_menu_pro_main{width:500px; margin:0px 0 0 30px; padding-top:10px;}
.mj_menu_pro_main_lm { display:none;}
.mj_menu_pro_li{ float:left;}
.mj_menu_pro_main p{ float:left; width:130px; margin:0 5px 5px 0; }
.mj_menu_pro_main p a{ display:block; height:30px; line-height:30px; text-indent:20px;   color: #000; }
.mj_menu_pro_main p a:hover { background:#036; color:#fff;}
.mj_menu_pro_main p.en{ width:150px;  }
.mj_menu_pro_main p.en a{text-indent:5px; }

.mj_menu_li_txt{line-height:22px; font-size:12px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:480px; height:185px; background:url(/theme/2015/img/menu_news_bg.png) no-repeat;}
.mj_menu_news_main{width:440px; margin:auto; padding-top:12px;}
.mj_menu_news_li{padding:0px 20px; margin-right:20px; height:150px; overflow:hidden; float:left; border-right:solid 1px #cccccc; }
.mj_menu_news_img{float:left; text-align:left; color:#bb1721; line-height:20px; font-size:14px;}
.mj_menu_news_li2{padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li3{padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
li a span em{ display:none;}
.nav li.selected .submenu{display:block;}

#products .nav li{ margin-top:10px;}
#products .nav li a span{line-height:40px;}
#products .nav li.nav_products { height:40px; }
#products .nav li.nav_products a span{ height:40px; line-height:40px;}
#products .nav li .submenu{ position:absolute; width:100%; top:55px;left:-259px;}
#products .nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
#products .mj_menu_pro_bg{width:1200px; margin:0 auto; height:auto; background:none;}
#products .mj_menu_pro_main{width:1200px; margin:0px 0 0 -50px; padding-top:10px; border:1px solid #fff;}
#products .mj_menu_pro_li{ float:left;}
#products .mj_menu_pro_main:hover{ border:1px solid #efefef;}
#products .mj_menu_pro_main p{ float:left; width:100px; margin:0 5px 5px 0; }
#products .mj_menu_pro_main p a{ display:block; height:30px; line-height:30px; text-indent:0; text-align:center;   color: #333; }
#products .mj_menu_pro_main p a.pro_nav_active { background:#333; color:#fff;}
#products .mj_menu_pro_main p a:hover { background:#f00; color:#fff;}
#products .mj_menu_pro_main p.mj_menu_pro_main_lm { display:block; width:80px;}
#products .mj_menu_pro_main p.mj_menu_pro_main_lm a{ font-weight:bold;}
#products .mj_menu_pro_main p.mj_menu_pro_main_lm a:hover{ color:#000; background:none; }
#products .mj_menu_pro_main p.hy_list a{ text-align:left; text-indent:5px;}
#products li a span em{ display:inline;}


 
/* 效果CSS结束 */

.homepage_video {width:100%;}
.homepage_video_content {width:1200px; margin:0 auto; background:#f00;}
.homepage_video_view {position:absolute; width:336px; margin-top:20px; height:280px; background:url(/theme/img/video.png) no-repeat; z-index:100;}
.video_source {width:300px; height:208px;  }
.homepage_video_view embed,.homepage_video_view video{ width:300px; height:208px; border:0px solid #ccc;margin:18px 0 0 18px;}



 #homepage_product { width:100%; height:auto; border:0px solid #cccccc; border-left:none; border-right:none; overflow:hidden; background:#fff;}
 .pro_content { width:1130px;  overflow:hidden; margin:0 auto 0px; }
 .pro_content_left { width:42px;   height:485px; float:left; overflow:hidden; }
 .pro_content .pro_content_list { width:1090px; overflow:hidden;  margin:0px 0 0 0 ;  float:left;  }
 .pro_content .pro_content_list ul {} 
 .pro_content .pro_content_list ul li { width:217px; height:244px; overflow:hidden; background:#fff; float:left; margin:0;}
 .pro_content .pro_content_list ul li:hover,#navs li:hover, #navs li.sfhover  { background:#003;}
 .pro_content .pro_content_list ul li a {display:block; cursor:pointer; width:218px; height:245px;   margin:0 auto;text-indent:0; background:#666; text-align:center;}
 .pro_content .pro_content_list ul li a:hover { color:#fff;}
   .pro_content .pro_content_list ul li.readmore a { background:url(/theme/img/0.jpg) no-repeat;}
  .pro_content .pro_content_list ul li.readmore a img  {display:none;}
  .pro_content .pro_content_list ul li.readmore a:hover {background:url(/theme/img/00.jpg) no-repeat;}
 .pro_content .pro_content_list ul li a span { display:none; border:none; }
  .pro_content .pro_content_list ul li a img { width:218px; }
  .pro_content div.right_link { display:none; width:50px; height:130px;  float:right;  }
  .pro_content div.right_link a{display:block; width:50px; height:130px; background:url(/theme/2015/images/homepage_product_r.png) no-repeat center center;}
   .pro_content div.right_link a:hover{  background:url(/theme/2015/images/homepage_product_r_hover.png) no-repeat center center;}

.pro_content_left  { width:40px; height:485px;}
.pro_content_left  li { width: 42px;  margin:0; }
.pro_content_left  li a{ width:42px; height:246px; display: block;}
.pro_content_left  li a span { display:none;}
.pro_content_left  li.xnavs1 a{ background: url(/theme/img/home_lm_nav1.jpg);}
.pro_content_left  li.xnavs2 a{ background: url(/theme/img/home_lm_nav2.jpg); }
.pro_content_left  li.xnavs1 a.current,.pro_content_left  li.xnavs1 a:hover { background: url(/theme/img/home_lm_nav1_hover.jpg); }
.pro_content_left  li.xnavs2 a.current,.pro_content_left li.xnavs2 a:hover { background: url(/theme/img/home_lm_nav2_hover.jpg); } 
 .pro_content .pro_content_list #navs1, .pro_content .pro_content_list #navs2 { height:485px;}
  .pro_content .pro_content_list #navs2 { display:none;}

	h1.home_h1 {width:500px; text-align:center; margin:20px auto 10px; font: normal  normal 30px/50px '微软雅黑';}
	h1.home_h1 span {display:block; font:20px/30px Tahoma, Geneva, sans-serif;}
	.home_product {width:100%;  overflow:hidden; clear:both; padding-bottom:20px; }
	.home_product_list {width:1130px; margin:10px auto;}
    .home_product_list ul li{}
	.home_product_list ul li a {width:200px; text-align:center; border:3px solid #efefef; padding:5px; float:left; margin:10px 10px 0 0;}
	.home_product_list ul li a:hover { border-color:#069;}
	.home_product_list ul li a img { width:200px;}
 
 
    .home_about {width:100%; overflow:hidden; clear:both; background:url(/theme/images/home_about_bg.jpg) no-repeat; }
	.home_about .home_about_content {width:1130px; height:444px; margin:0px auto; overflow:hidden; clear:both; }
	.home_about .home_about_left  {width:396px; height:351px;  float:left; margin:40px 0 0 20px;   }
	.home_about .home_about_right {width:530px;  background:url(../bg/alpha_white_80.png); float:left; margin:40px 0 0 80px; padding:10px 40px;}
	.home_about .home_about_right p { line-height:2em; text-indent:2em; }
	.home_about .homepage_about_img {float:right;}
	
	 .home_news {width:100%;  overflow:hidden; clear:both; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	
	 #news-tabs { height:30px;   margin-bottom:20px;}
    #news-tabs ul li a{ width:330px; height:40px;  text-indent:10px; font:normal normal 18px/40px 微软雅黑; border-bottom:1px solid #ccc;  color:#000; float:left; margin-right:30px;}
	
	.home_news_content {width:1200px; margin:5px auto; overflow:hidden; clear:both; }
	  .home_news_3 {width:330px;height:300px; border-right:1px solid #efefef; margin-right:30px; display:block; overflow:hidden; float:left;}
	  .home_news_3 h4{ display:none;}
	  .home_news_first {margin-left:50px;}
	.home_news_3 ul li a{ height:30px; line-height:30px; }
	
	
	.home_brand {width:1200px; clear:both;   margin:20px auto 30px; overflow:hidden;}
	.home_brand  .brand_logo  li {float:left; margin:3px;}
	 .brand_logo { margin-bottom:30px;}
 
.homepage_center {width:1200px;  margin:0 auto; overflow:hidden; background:none;}

.bulletin { width:1200px; height:31px; background:url(/theme/2015/images/gonggao_bg.png) no-repeat left top; margin:10px auto;} 
.bulletin ul { width:400px; height:31px; margin:0 0 0 150px;overflow:hidden; color:#333;   float:left;}
.bulletin ul li { height:31px; padding:5px 0 0 0; font:13px; }
.homepage_rss {width:60px; height:20px; float:right; margin:5px 0 0 0;}
.homepage_rss a{display:block; width:60px; height:20px; background:url(/theme/2015/images/homepage_rss.png);}

.homepage_info,.homepage_about,.homepage_feedback { width:300px; height:300px; float:left;  margin:10px 25px 0 0;}
.homepage_info { background:url(/theme/2015/images/homepage_info_title.png) no-repeat left top;}
#page-wrap { width: 290px; margin: 0px 0 0 0px; }

#page-wrap ul { list-style: none; }
div#page-wrap div#organic-tabs div#all-list-wrap ul li { _height:23px; _margin:-2px 0; }
#page-wrap ul li a { display: block; padding: 3px; color: #333; background:none; }
#page-wrap ul li a:hover { background: #fe4902; color: white; }
#page-wrap ul li:last-child a { border: none; }

#organic-tabs { background: none; padding: 10px; margin: 0 0 15px  _margin-top:5px;0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 80px; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; background: #959290; color: white;text-align: center; border: 0; }
#explore-nav li a:hover { background-color: #111; }

#content #explore-nav { overflow: hidden; margin:0; }
#content #explore-nav li { width: 80px; height:30px; float: left; margin: 0 10px 0 0; line-height:30px;}
#content #explore-nav li.last { margin-right: 0; }
#content #explore-nav li a { display: block; background: none; color: #333;text-align: center; border: 0; }
#content #explore-nav li a:hover {color: #f00; }

#jquerytuts, #core, #classics { display: none; }

#explore-nav li#ex-aboutinfo a.current, ul#aboutinfo li a:hover { background-color: #0575f4; color: white; }
#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; }
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white; }
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; }
#all-list-wrap ul li.readmore { width:100px; height:25px; float:right;}
#all-list-wrap ul li.readmore a { display:block; width:82px; height:22px; padding:0; background:url(/theme/2015/images/readmore.png) no-repeat  ; text-indent:-1000px; overflow:hidden;}
#all-list-wrap ul li.readmore a:hover { background:url(/theme/2015/images/readmore_hover.png) no-repeat  ;}
 
.homepage_feedback { width:320px; margin-right:0; background:url(/theme/2015/images/homepage_feedback_title.png) no-repeat top left;}
.homepage_feedback ul { margin:40px 0 0 0; width:309px; }
.homepage_feedback ul li { width:311px;  height:34px; background:url(/theme/2015/images/feedback_input.png) no-repeat; padding:4px 0 0 15px;}
.homepage_feedback ul li label { display:none;}
.homepage_feedback ul li input { display:block; width:280px; height:25px; background:none; }
 .homepage_feedback ul li.feedback_input_name input{ background:url(/theme/2015/images/feedback_input_name_bg.png);}
 .homepage_feedback ul li.feedback_input_co input{ background:url(/theme/2015/images/feedback_input_co_bg.png);}
 .homepage_feedback ul li.feedback_input_phone input{ background:url(/theme/2015/images/feedback_input_phone_bg.png);}
 .homepage_feedback ul li.feedback_input_email input{ background:url(/theme/2015/images/feedback_input_email_bg.png);}
.homepage_feedback ul li.feedback_textarea { height:140px; width:311px;   background:url(/theme/2015/images/feedback_textarea_bg_cn.png) no-repeat; }
.homepage_feedback ul li.feedback_textarea:hover { background:url(/theme/2015/images/feedback_textarea_bg_hover.png) no-repeat;}
.homepage_feedback ul li.feedback_textarea textarea { width:280px; margin:3px auto; height:128px; overflow:hidden; background:none;}
.homepage_feedback ul li.feedback_input_sumbit { background:url(/theme/2015/images/feedback_sumbit.png) no-repeat; width:145px; height:40px; padding:0; margin:10px 0 0 20px;}
.homepage_feedback ul li.feedback_input_sumbit input { width:140px; height:40px; line-height:40px;  cursor:pointer; text-align:center;}
.homepage_feedback ul li.home_email_button { background:none; width:145px; height:40px; padding:0; margin:10px 0 0 20px;}
.homepage_feedback ul li.home_email_button a {background:url(/theme/2015/images/homepage_email.png) no-repeat; display:block;  width:200px; height:40px; line-height:40px; overflow:hidden; text-indent:-10000px;  cursor:pointer; text-align:left;}
.homepage_feedback ul li.home_email_button a:hover {background:url(/theme/2015/images/homepage_email_hover.png) no-repeat; }

.homepage_about p{ width:280px; margin:10px auto; font:normal normal 13px/1.5em Georgia, "Times New Roman", Times, serif,"微软雅黑";}
.homepage_about h3{ height:36px; background:url(/theme/2015/images/homepage_about_title.png) no-repeat left top;}
.homepage_about img { margin:10px 0 0 0;} 

   #news  #content .rightcontent  ul  li{ width:220px; height:297px; background:url(../img/new_list_bg.png) no-repeat; float:left; margin-left:5px; } 
   #news  #content .rightcontent  ul  li:hover{ background:url(../img/new_list_bg_hover.png) no-repeat;}
   #news  #content .rightcontent  ul  li h5 { width:110px; color:#fff;text-shadow:0 1px 0 #ccc,0 -1px 0 #000; height:40px; margin:5px auto; text-align:center; font: normal normal 14px/15px Tahoma, Geneva, sans-serif;}
   #news  #content .rightcontent  ul  li h6 { width:180px; height:60px; overflow:hidden; color:#003; font-size:14px; font-weight:bold; margin:0 auto 10px;}
   #news  #content .rightcontent  ul  li p { width:180px; height:130px; margin:0 auto; overflow:hidden;}

.product_content ul{  }
.product_content ul li { text-align:right; padding-right:5px;}
#viewpro{ }
.page_nav { clear:both; position:relative;}



#content { width:1200px; margin:0 auto; padding-bottom:20px; clear:both; overflow:hidden;} 

/**end about content**/
#about #content { width:1080px; margin-top:20px;} 
#products #content { margin-top:110px;} 
#news  #content { margin-top:40px; height:416px;}

#about .left { clear:both; margin-bottom:0; overflow:hidden; width:188px; height:250px;}
.about_info{float:left;  height:auto; width:800px; margin-left:30px; font-size:20px; line-height:1.5em; }
.about_info p { text-indent:2em; line-height:1.5em;}
.about_info img { float:right; padding:3px; border:1px solid #ccc; background:#efefef; margin:0 0 20px 20px;}
.about_info a{font-size:20px;}

.about_banner,.pro_banner,.news_banner,.equ_banner{width:100%; }
.about_banner {height:360px; background:url(/theme/img/about_img.jpg) no-repeat center center;}
.pro_banner  { height:360px; background:url(/theme/img/about_img.jpg) no-repeat center center;}
.news_banner { height:200px; background:url(/theme/2015/img/info_banner.jpg) no-repeat center center;}
.equ_banner  { height:300px; background:url(/theme/img/equ_banner.jpg) no-repeat center center;}
.feedback_banner  { height:350px; background:url(/theme/img/equ_banner.jpg) no-repeat center center;}

.about_banner img,.pro_banner img,.news_banner img ,.equ_banner img{ display:none;}


#about #explore-nav { overflow:hidden; width:160px; margin:0; border:none; height:auto;position:absolute; z-index:111;}
#about #content #explore-nav li {   margin: 0 10px 10px 0; height:50px; }
#about #explore-nav li.last { margin-right: 0; }
#about #content #explore-nav li  a { width:160px; background: url(/theme/2015/bg/alpha_white_80.png);   height:50px;padding:5px 5px 5px 20px; margin-right:10px; color: #333;text-align: left; border: 0; font:normal normal 16px/1.5em "微软雅黑";}
#about #explore-nav li a span {font:normal normal 13px/1.5em Tahoma, Geneva, sans-serif; color:#999; }
#about #explore-nav li a:hover {color: #f00; }
#about #explore-nav li a.current span{ display:block; color:#666; }
#about #explore-nav li a.content1 {}
#about #explore-nav li a.content2 {}
#about #explore-nav li a.content3 {}
#about #content  #explore-nav li a.current { font-size:18px; margin-left:0px; font-weight:bold; background:#efefef; }

 #container{
		position: absolute;
 
			z-index:1;
			top:560px;
			left: 0;
			right:0;
			bottom:0;
			height:573px;
 
        font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
      }
      .info-title{
        color: white;
        font-size: 16px;
        background-color: rgba(0,155,255,0.8);
        line-height: 36px;
        padding: 0px 0 0 6px;
        font-weight: lighter;
        letter-spacing: 1px
      }
      .info-content{
		  width:500px;
        padding: 4px;
		font-size:15px;
        color: #666666;
        line-height: 23px;
      }
      .info-content img{
        float: left;
        margin: 3px;
      }		
.model_list { width:750px;  height:auto; overflow:hidden; border:1px solid #333; text-align:left;   }   
.model_list h3{ background:#000; color:#fff; height:35px; line-height:35px; text-align:left; text-indent:30px;}
.model_list ul { background:#fff url(../theme/images/right_table_line.jpg) repeat-y; overflow:hidden; }
.model_list ul li{ clear:both;  border:1px solid #ccc; border-top:none; margin:0px; font-size:13px;}
.model_list ul li.list_header{margin:0; font:bold 14px/30px Tahoma, Geneva, sans-serif; background:#efefef;}
.model_list ul li.list_header span { line-height:30px;}
.model_list ul li.model_left{ width:100px;}
.model_list ul li.model_right{ width:600px;}
.model_list ul li span { overflow:hidden; word-spacing:inherit; line-height:28px; width:150px;   float:left;  text-align:center;}
.model_list ul li span:hover { background:#333; color:#fff; }
.model_list ul li span.table_size { width:330px;}
.model_list ul li span.pcs { width:70px;}
.model_list ul li span.table_color { width:70px;}
.model_list ul li span.table_pages {width:90px;}
.model_list ul li :hover { background:#efefef;}
.model_list ul li a{ display:block;  }
.model_list ul li a:hover {  background:#333; color:#fff; text-decoration:none; }

/**end about content**/

.content_nav {width:1200px; height:40px; margin:20px auto; background:url(/theme/2015/images/content_nav_bg.png) left top no-repeat; line-height:40px; clear:both;}
.content_nav h3 { width:180px; height:31px; margin-top:5px; float:left; margin-left:60px;_margin-left:30px;line-height:31px;}
.content_nav h3.h3_aboutus { background:url(/theme/2015/images/content_nav_h3_aboutus.png) no-repeat;  }
.content_nav h3.h3_product { background:url(/theme/2015/images/content_nav_h3_product.png) no-repeat; }
.content_nav h3.h3_contact { background:url(/theme/2015/images/content_nav_h3_contact.png) no-repeat; }
.content_nav h3.h3_news { background:url(/theme/2015/images/content_nav_h3_info.png) no-repeat; }
.content_nav h3.h3_job { background:url(/theme/2015/images/content_nav_h3_job.png) no-repeat; }
.content_nav h3.h3_feedback{ background:url(/theme/2015/images/content_nav_h3_feedback.png) no-repeat; }
.content_nav h3.h3_order { background:url(/theme/2015/images/content_nav_h3_order.png) no-repeat; }
.content_nav h3.h3_search { background:url(/theme/2015/images/content_nav_h3_search.png) no-repeat; }
.content_nav h3 span { display:none;}
.content_nav ul li { float:left; width:80px; height:30px;}
.content_nav ul li a { display:block; line-height:30px;}

.left { height:100%; width:200px; float:left;}
.left .product_nav {width:200px; margin:0px 0 20px 0; float:left;}
.left .product_nav h3 { width:180px; height:30px; float:left; background:url(/theme/2015/images/product_nav_h3_bg.png) no-repeat; }
.left .product_nav h3 span { display:none;}
.left .product_nav ul li { float:left; width:48px; }
.left .product_nav ul li a { display:block; line-height:30px; text-align:right;}
.left .product_nav ul li.bigclass { width:180px; border-bottom:#efefef dotted 1px; }
.left .product_nav ul li.bigclass a { font:normal normal 13px/30px Tahoma, Geneva, sans-serif,"微软雅黑"; color:#000;}
.left .product_nav ul li.bigclass a span {  visibility:visible;}
.left .product_nav ul.en li.bigclass a span {  visibility:visible;}

.left .product_nav ul li a.big_active,.left .product_nav ul li.smallclass a.small_active { color:red;}
.left .product_nav ul li.smallclass {width:30%; border-bottom:1px dotted #ccc;}
.left .product_nav ul.en li.smallclass { width:90%; font:12px; border-bottom:1px dotted #ccc;}
.left .product_nav ul.en li.smallclass a{ text-align:center;}
 .left .product_nav ul li.bigclass a{ background-image:url(/theme/2015/images/b_class_link.png); background-repeat:no-repeat; background:none;}
 .left .product_nav ul li.bigclass a:hover{ background-image:url(/theme/2015/images/b_class_link_hover.png); background-repeat:no-repeat;  background:none;}
 .left .product_nav ul li.bigclass a:hover,.left .product_nav ul li.bigclass a.big_active{ background-image:url(/theme/2015/images/b_class_link_hover.png); background-repeat:no-repeat;  background:none; }
.english .left .product_nav ul li.bigclass a,.english .left .product_nav ul li.bigclass a:hover,.english .left .product_nav ul li.bigclass a.big_active{ background-image:none; }
 li#bigclass_1 a:hover , li#bigclass_1 a.big_active { background-position: right top;}
 li#bigclass_2 a:hover ,li#bigclass_2 a.big_active { background-position: right -30px;}
 li#bigclass_3 a:hover ,li#bigclass_3 a.big_active { background-position: right -60px;}
 li#bigclass_4 a:hover ,li#bigclass_4 a.big_active { background-position: right -90px;}
 li#bigclass_5 a:hover ,li#bigclass_5 a.big_active { background-position: right -120px;}
 li#bigclass_6 a:hover ,li#bigclass_7 a.big_active { background-position: right -150px;}

.left .left_news h3 { width:200x; height:58px; background: url(/theme/img/product_nav_h.png) no-repeat; background:none; border-bottom:1px solid #efefef; margin:0; padding:0; }
.left .left_news h3 span { display:block; line-height:58px; text-align:left; font-family:微软雅黑; font-size:22px;text-indent:58px;}
.left .left_news ul li{ width:200px; height:42px;}
.left .left_news ul li a {  display:block; background:url(/theme/img/product_nav_a.png) no-repeat;  line-height:42px; text-align:center; text-indent:0px; }
.left .left_news ul li a:hover { background:url(/theme/img/product_nav_a_hover.png) no-repeat left center;  color:#fff;}
.left .left_news ul li a.info_left_active {background:url(/theme/img/product_nav_a_hover.png) no-repeat left center; color:#fff;}
.left .left_news ul li a span { display:block; width:128px; }

.about_nav {}


#fanan #content .left #explore-nav {   overflow:visible; margin:0;  }
#fanan .left_fanan{ position:absolute; background:none;}
#fanan .left_fanan h3{  width:230px; height:58px; color:#fff; background: url(../img/fangan_nav_h.png) no-repeat; margin:0; padding:0;}
#fanan .left_fanan h3 span { display:block; line-height:58px; text-align:left; font-family:微软雅黑; font-size:22px;text-indent:68px;}
#fanan #content .left #explore-nav {position:absolute; z-index:1;}
#fanan #content .left #explore-nav li {  width:230px; height:42px; margin:0; padding:0; }
#fanan #content .left #explore-nav li.left_nav_bottom {background:url(../theme/img/product_nav_bottom.png) repeat-x; height:9px; width:230px;}
#fanan #content .left #explore-nav li.last { margin-right: 0; }
#fanan #content .left #explore-nav li a { width:230px; background:url(../img/fangan_nav_a.png) no-repeat; margin:0; height:42px;  line-height:42px; text-align:left; text-indent:25px;}
#fanan #content .left #explore-nav li a span {display:none; font:normal normal 13px/1.5em Tahoma, Geneva, sans-serif; }
#fanan #content .left #explore-nav li a:hover {color: #f00; }
#fanan #content .left #explore-nav li a.current span{ display:block; color:#666; }
#fanan #content .left #explore-nav li a.content1 { position:static;}
#fanan #content .left #explore-nav li a.content2 { position:static;}
#fanan #content .left #explore-nav li a.content3 {position:static;}
#fanan #content .left #explore-nav li a.current { text-align:left; text-indent:30px;background:url(../img/fangan_nav_a_hover.png) no-repeat left center; color:#fff; margin:0; padding:0;}

.right { margin-left:200px;}
#feedback .right { width:1000px; margin:0 auto;}
#products .right {width:1200px; margin:10px auto;}
#news #right{margin-left:200px; border:none; min-height:450px; border-left:1px solid #efefef;}
#fanan .right {margin-left:237px; border:none; min-height:400px; border-left:1px solid #efefef;}

.right .product_list{ background:#fff; width:100%; padding:10px; overflow:hidden;}
.right .product_list ul li{ float:left; margin:3px;}
.right .product_list ul li a { display:block; width:230px;height:258px;font-family:微软雅黑; border:2px solid #F9F9F9; overflow:hidden;  }
.right .product_list ul li a:hover {border:2px solid #06C; color:#06c; }
.right .product_list ul li a span {text-indent:0px; display:block; width:228px; text-align:center; }
.right .product_list ul li a em { text-indent:0px; display:block; width:208px; margin:5px auto; text-align:left; padding-bottom:10px; }
.right .product_list ul li a:hover em,.right .product_list ul li a p { display:none;}
.right .product_list ul li a:hover p{ display:block; position:absolute; width:230px; background:#06c; margin:0px 0 0 -2px; color:#fff; padding:10px; overflow:hidden; }
.right .product_list ul li a span.pro_title { height:25px; line-height:25px; font-size:15px; font-weight:700;}

.right .product_list ul li a span.size { display:none;height:25px;}
.right .product_list ul li a .pic_content { width:228px; height:228px; overflow:hidden;}
.right .product_list ul li a .pic_content img { width:228px; height:228px; background: url(../../images/loading.gif) no-repeat center center;}
.right .product_list ul li a .pic_content img:hover{opacity: 0.9;filter: alpha(opacity=90);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}

.new_list ul li{background:url(/theme/img/info_listyle.png) left center no-repeat; margin-left:5px; }
.new_list ul li a{ height:auto; margin-left:10px;  text-indent:0; line-height:25px; width:280px; display:block; padding:5px; color:#333;}
.new_list ul li a:hover { background:#F9F9F9; color:#000;}
.new_list ul li a.selected { background:#efefef; color:#000;}
.new_list ul li a span { width:96px; background:#f7f7f7; display:none; height:26px; line-height:26px; text-align:right; text-indent:0px; padding-right:10px; float:right;}
.new_list ul li a:hover span { color:#ccc;}
.loading { width:90%; height:200px; margin:20% auto 0; text-align:center;}

 .right .product_list p.pnote{min-height:400px; width:100%; text-align:center; font-size:40px; padding-top:50px;}


.right_center #countrydivcontainer {position:absolute; border:1px solid #efefef; background: url(/theme/2015/bg/alpha_white_80.png); width:720px; height:480px; padding:10px; overflow:auto; top:363px; margin-left:300px;}
 
	  #viewpro {width:95%; min-height:400px; clear:both; background:#fff; border:1px solid #efefef; padding:2%; margin:20px auto;}
	  .right_note {width:300px; background: url(../bg/white_alpha80.png); margin:200px 0 0 800px; padding:20px; position:absolute; color:#333; float:left;}
	  #viewpro .pro_content_top {border-bottom:1px solid ccc; margin-bottom:20px; overflow:hidden;}
	  #viewpro .pro_content_top ul#explore-nav li { height:40px; width:150px;}
	  #viewpro .pro_content_top ul#explore-nav li a{ width:150px;font-size:18px; font-family:微软雅黑; height:40px; line-height:40px; }
	  #viewpro .pro_content_top ul#explore-nav li a.current{ background:#efefef; color:#666;}
	  #viewpro img {}

.product_img {width:516px; float:left;}
.product_img img{width:100%; margin:10px auto; text-align:center;}


.pro_size { display:none;}


.pro_content_h3 {width:800px; margin:100px auto 20px; font:normal normal 25px/50px '微软雅黑';}

.pro_note { background:#efefef; width:160px; margin-left:2px; border:1px solid #ccc; padding:10px; text-indent:2em;}
.pro_note h4{ font:normal bold 18px/30px Georgia, "Times New Roman", Times, serif,"微软雅黑"; color:red; text-align:center; height:30px; }
.ebook_download { width:100%;}
.ebook_download a{display:block;  width:144px; height:198px; overflow:hidden; background:url(../images/ebook_a.png) no-repeat; margin:0 auto;}
.ebook_download a:hover { background:url(../images/ebook_a_hover.png) no-repeat; }
.ebook_download a span { display:block;  text-indent:-1000px;}

	.pro_nav { margin:10px auto;}
	.pro_nav a{ display:block;  height:30px; line-height:30px; overflow:hidden;}
	.pro_nav a.goback{ width:134px; height:30px; background:url(/theme/2015/images/back_to_pre.png); text-indent:-1000px;}
	.pro_nav a.goback:hover{ background:url(/theme/2015/images/back_to_pre_hover.png); }

    #nav_list { clear:both; margin:20px 0 0 20px;  }	
    #nav_list a{ font-size:14px; padding:5px; }
    #nav_list a.currentpage{ background:#333; color:#fff;}
 
   #content .rightcontent  ul  li{ height:25px; margin-bottom:5px; width:45%; float:left;}
 
   #content .rightcontent ul p{ clear:both;}
   #content .rightcontent ul li a { color:#f00; display:block;}
   #content .rightcontent ul h4 { height:35px; font:bold normal 15px/35px "微软雅黑"; background:#333; color:white; border:1px solid #ccc; text-align:center; margin-bottom:5px;}
  .job_list { width:42%; float:left; margin:1%; border:1px solid #ccc; background:#fff; padding:15px;}
  .candidates { width:85%; background:#fff; padding:5%; margin:0 auto;}
  .candidates li input { border:1px solid #ccc; width:200px; height:25px; line-height:25px; text-indent:10px; }
    .candidates li.sumbit { width:80%; clear:both;}
	#content .right .candidates li.sumbit input { width:100px; height:35px; background:#333; color:#fff; text-indent:0; text-align:center; cursor:pointer; font:bold normal 15px/35px "微软雅黑";}
	#content .right .candidates li.sumbit input:hover {background:#f00; color:#fff;}
  .candidates   textarea { border:1px solid #ccc; width:90%; text-indent:10px; }
  
   #feedback .right .candidates { }
   #feedback .right .candidates li { height:auto; margin-top:10px; }
   #feedback .right .candidates li label { }
   #feedback .right .candidates li input { margin-top:5px;}
   #feedback .right .candidates li textarea{ height:100px;}
   #feedback .right .candidates li.feedback_dep input { display:inherit; width:auto; border:none;}
   #feedback .right .candidates li.feedback_note { width:80%; border:1px solid #f00; padding:10px; margin:20px auto; color:red; }
 
 
 
  #fanan #all-list-wrap {width:740px; min-height:400px; margin:10px auto; padding-left:30px;line-height:2em;}
  #fanan #all-list-wrap h3.fangan_h3 { color:#090; font-size:20px; font-weight:bold; height:40px; line-height:40px;  border-bottom:1px  dashed #efefef; margin-bottom:20px;}
    #fanan #all-list-wrap img { width:500px;} 
  #fanan #all-list-wrap img.fangan_img { margin:10px 0 10px 0; width:730px; padding:2px; border:2px solid #fff; text-align:center;}
  #fanan #all-list-wrap p { text-indent:2em; }
 
 /*===============footer===============*/
.footer{overflow:hidden; clear:both; padding:50px 0px 30px 0px; border-top:1px solid #ccc; font-family:微软雅黑; font-size:14px;}

.footer div.main {width:1100px; margin:0 auto;}
.foot_left{width:495px; float:left; overflow:hidden;}
.foot_left .code{overflow:hidden; float:left;}
.code_zi{width:355px; float:right; text-align:left; overflow:hidden;}
.code_zi h3{font-size:20px; color:#343e48; margin-bottom:15px; font-weight:bold; padding:5px 0px;}
.code_zi p{ color:#444; line-height:18px; }
.code_zi p a{ font-family:微软雅黑; font-size:14px;  color:#444;}
.code_zi p:hover a{color:#3ca2d6;}
.footer ul{float:right; overflow:hidden;}
.footer ul li{border-left:1px solid #e2e2e3; float:left; padding:0px 25px; min-height:110px;}
.footer ul li.r{border-right:1px solid #e2e2e3;}
.footer ul li h2 a{display:block; padding-bottom:8px; font-size:16px; color:#343e48; font-weight:bold;}
.footer ul li p { margin:3px 0 1px 0;}
.footer ul li p a{  font-family:微软雅黑; color:#444; line-height:18px;}
.footer ul li p a:hover{color:#3ca2d6;}

/*===============beian===============*/
.beian{overflow:hidden; height:32px; line-height:32px; vertical-align:middle;background:#222227; text-align:center; }
.beian p{font-size:12px; color:#ccc;}
.beian p a{font-size:12px; color:#ccc; padding-left:50px}
.beian p a:hover{color:#fff;}
 .beian p br { display:none;}
 
 
.online_box {z-index:99;right:0;width:149px;  position:absolute;}
.online_box .press{right:0;width:73px;cursor:pointer;position:absolute;height:180px; }
 
.online_box .online_box_content{left:0;width:149px;position:absolute; display:none;}
.online_box .online_box_content ul{padding:1px 0;background:url(/theme/2015/images/online_center.png) repeat-y; }
.online_box .online_box_content li{ width:110px; margin: 5px auto 0px; display:block; font: normal normal 13px/1.5em "微软雅黑"; }
.online_box .online_box_content h4.online_top {height:79px; width:149px; background:url(/theme/2015/images/online_top.png) no-repeat;}
.online_box .online_box_content h4.online_bottom { height:24px; background:url(/theme/2015/images/online_bottom.png) no-repeat;}
.online_box .online_box_content li a{ display:block; color:#f60; background:url(/theme/images/qq_bg.png) no-repeat; line-height:25px;  width:105px; height:25px; text-indent:27px;}
.online_box .online_box_content li a:hover {background:url(/theme/images/qq_bg_hover.png) no-repeat; color:#fff;}
 
   
   .toTop {
    display:block;
    width: 30px;
	height:56px;
	overflow:hidden;
	text-indent:-1100px;
	background:url(/theme/img/top.png) no-repeat 0 0;
    position: fixed;
    _position: absolute;
    bottom: 16%;
    _bottom: "auto";
    cursor: pointer;
   /* opacity: .6;
    filter: Alpha(opacity=60);*/
}