body{
  font-family:"Times New Roman", 'microsoft yahei',  'ËÎÌå';
}

body.english{
}

.p0{
  padding: 0;
}

.m0{
  margin: 0;
}

.pl0{
  padding-left: 0;
}

.pr0{
  padding-right: 0;
}

.blank{
  margin: 30px 0;
}

table{
  font-size: 12px;
}

.ff-pageselector{
  padding: 10px 0;
  text-align: right;
}

.fofen-banner {  
  position: relative;
  height: 350px;
  background-color: #ddd;
  margin: 3px auto;
}

.fofen-banner .arrow-left {
  background: url(../Images/arrows.png) no-repeat left top;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  opacity:.6;
  filter:Alpha(opacity=60);
  z-index: 2;
}

.fofen-product-display{
  padding-bottom: 10px;
}

.fofen-product-display .arrow-left:hover,
.fofen-banner .arrow-left:hover{
  opacity:1;
  filter:Alpha(opacity=100);
}

.fofen-banner .arrow-right {
  background: url(../Images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  opacity:.6;
  filter:Alpha(opacity=60);
  z-index: 2;
}

.fofen-product-display .arrow-right:hover,
.fofen-banner .arrow-right:hover{
  opacity:1;
  filter:Alpha(opacity=100);
}

.fofen-banner-swiper {
  height: 350px;
  width: 100%;
}

.fofen-banner .content-slide {
  padding: 20px;
  color: #fff;
}

.fofen-banner .title {
  font-size: 25px;
  margin-bottom: 10px;
}

.fofen-banner-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:15px;
  margin: 0;
  width: 100%;
  z-index: 2;
}

.fofen-banner .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 5px;
  cursor: pointer;
}

.fofen-banner .swiper-active-switch {
  background: #fff;
}

.fofen-nav{
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}

.fofen-nav li{
  float: left;
  width: 12%;
  margin-right: 2px;
}

.english .fofen-nav li{
  width: 14%;
  overflow: hidden;
  zoom: 1;
}

.fofen-nav li a{
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

.fofen-nav li:hover,
.fofen-nav li.selected,
.fofen-nav li a:hover,
.fofen-nav li.selected a{
  background-color: #36c;
}


.fofen-module-title{
  font-size: 22px;
}

.fofen-module-title .title-bg{
  display:inline-block;
  width: 100px;
  padding:5px 0;
  border-top: 2px solid #06C;
}

.english .fofen-module-title .title-bg{
  border-top: none;
  border-left: 5px solid #06C;
  padding-left: 10px;
}

.fofen-intro{
  padding: 40px 0;
}

.english .fofen-intro{
  padding: 0;
}

.ff-address{
  line-height: 24px;
}

.product-categories{
}

.product-category{
  font-size: 12px;
  line-height: 18px;
}

.product-sub_category a{
  display: block;
  text-decoration: none;
  color: #666;
}

.product-category h3{
  font-size: 14px;
  margin: 0;
  cursor: pointer;
  background-color: #069;
  border-bottom: 2px #fff solid;
  padding:8px 0 7px 5px;
  color: #fff;
  text-decoration: none;
}

.english .product-category h3{
  font-size: 12px;
}

.product-category h3 a{
  text-decoration: none;
  color: #fff;
}

.product-category h3:hover,
.product-categories .selected h3{
  background-color: #09c;
}

.product-category .product-sub_category{
  display: none;
  padding: 5px 0;
  padding-left: 1em;
  border: 1px solid #ddd;
  border-bottom: none;
  line-height: 24px;
}

.product-category .product-sub_category a:hover{
  color: #09c;
}

.product-category .product-sub_category-subitem{
  padding-left: 2em;
}

.fofen-footer{
  height: 120px;
  padding-top: 30px;
  color: #fff;
  background-image: url('../Images/footer.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #006699;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
  font-size: 12px;
}

.fofen-footer a{
  color: #fff;
  text-decoration: none;
}

.fofen-footer a:hover{
  color: #999;
}

.fofen-product-swiper{
  height: 400px;
  text-align: center;
}

.english .fofen-product-swiper{
  height: 360px;
}

.fofen-product-display .swiper-slide{
}

.fofen-product-display .arrow-left {
  background: url(../Images/arrows.png) no-repeat left top;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  opacity:.6;
  filter:Alpha(opacity=60);
  z-index: 2;
}

.fofen-product-display .arrow-right {
  background: url(../Images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  opacity:.6;
  filter:Alpha(opacity=60);
  z-index: 2;
}

.fofen-product-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 20px;
  margin: 0;
  width: 100%;
  z-index: 2;
}

.fofen-product-display .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}

.fofen-product-display .swiper-visible-switch {
  background: #aaa;
}

.fofen-product-display .swiper-active-switch {
  background: #fff;
}

.product-infos h4{
  font-size: 16px;
  line-height: 16px;
}

.english .product-infos h4{
  font-size: 14px;
  line-height: 16px;
}

.fofen-files{
  font-size: 12px;
  line-height: 18px;
}

.fofen-files .fofen-file-title{
  height: 18px;
  overflow: hidden;
  zoom: 1;
}

.fofen-news-title{
  border-bottom: 1px dashed #d1e6f7;
}

.fofen-more{
  font-size: 12px;
  font-weight: normal;
  padding-top: 15px;
  padding-right: 10px; 
}

.fofen-more a{
  text-decoration: none;
}

.ff-position{
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
}

.english .ff-position{
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

.ff-leftmenu{
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
  border: 1px solid #ddd;
  height: 400px;
}

.ff-leftmenu h2{
  margin-top: 10px;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}

.ff-leftmenu .menu-item{
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 1px 0;
  background-color: #f7f7f7;
}

.ff-leftmenu .menu-item-sub{
  display: none;
}

.ff-leftmenu .menu-item a{
  text-decoration: none;
  color: #333;
}

.ff-leftmenu .selected a,
.ff-leftmenu .menu-item:hover a{
  color: inherit;
}

.ff-leftmenu .menu-item.selected,
.ff-leftmenu .menu-item:hover{
  color: #fff;
  background-color: #09c;
}

.ff-leftmenu .menu-searchbox{
  margin:10px 0;
  border:1px solid #ddd;
  border-width:1px 0;
}

.ff-leftmenu .menu-searchbox-title{
  margin-top: 5px;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.ff-leftmenu .menu-searchbox-content{
  padding: 10px;
}

.ff-leftmenu .menu-searchbox-content .searchbox-row{
  margin: 5px 0;
}

.ff-page{
  margin-top: 10px;
  border: 1px solid #ddd;
}

.ff-pagetitle{
  border-bottom: 1px solid #ddd;  
}

.ff-pagetitle h2{
  margin-top: 10px;
  padding: 10px;
  font-size: 18px;
}

.ff-pagecontent{
  font-size: 14px;
  min-height: 400px;
}

.ff-pagecontent p{
  text-indent: 2em;
  line-height: 28px;
}

.ff-pagecontent img{
  padding: 10px 0;
  clear: both;
}

.ff-pagecontent .picture-caption{
  display: block;
  font-size: 12px;
}

.ff-pagecontent ol li,
.ff-pagecontent ul li{
  line-height: 24px;
}

.ff-pagecontent table{
}

.ff-news{
  padding: 20px 0;
}

.ff-news-category{
  border-bottom: 1px solid #ddd;
}

.ff-news-category h3{
  font-size: 16px;
}

.ff-news-category .fofen-more{
  padding-top: 0;
}

.ff-news-shortinfo{
  padding:10px 0;
  margin:0 10px;
  border-bottom: 1px dashed #d1e6f7;
}

.ff-news .ff-news-head{
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}

.ff-news .ff-news-headinfo{
  font-size: 12px;
  color: #999;
}

.ff-news .ff-news-headinfo span{
  padding-right: 15px;
}

.ff-news .ff-news-content{
  padding-top: 20px;
}

.ff-news-quickopt{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.ff-news-keywords{
  padding-top: 10px;
  padding-left: 20px;
}

.ff-honor{
  padding-bottom: 20px;
}

.ff-honor-head{
  padding-bottom: 10px;
}

.ff-honor-itemhead{
  font-weight:bold;
}

.ff-honor-iteminfo{
  padding:10px 0;
  margin-right: 10px;
  border-bottom: 1px dashed #d1e6f7;
}

.ff-honor-list,
.ff-productcenter-list{
  padding:20px 0;
}

.ff-honor-listitem,
.ff-product-listitem,
.ff-compvisualize-listitem{
  margin-top: 10px;
  margin-bottom: 10px;
  border:1px solid #ddd;
}

.ff-honor-listitem .listitem-image,
.ff-product-listitem .listitem-image,
.ff-compvisualize-listitem .listitem-image{
  margin: 10px 0;
}

.ff-honor-listitem .listitem-text{
  height: 55px;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  font-size: 12px;
  word-break: break-word;
  overflow: hidden;
  zoom: 1;
}

.ff-product-listitem .listitem-text{
  height: 36px;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  font-size: 12px;
  overflow: hidden;
  zoom: 1;
}

.ff-compvisualize-listitem .listitem-text{
  height: 42px;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  font-size: 14px;
  overflow: hidden;
  zoom: 1;
}

.ff-productcenter-menu .product-sub_category{
  border: none;
}

.ff-product-detailInfo{
  padding: 20px 0;
}

.ff-product-detailInfo-head{
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.ff-product-detailInfo-head .product-imageInfo{
  position: relative;
  height: 320px;
  width: 320px;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto;
}

.ff-product-detailInfo-head .product-small-images{
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.ff-product-detailInfo-head .product-small-image{
  display: inline-block;
}

.ff-product-detailInfo-head .product-small-exchangeImage{
  padding: 0;
  border: 1px solid #ddd;
  cursor: pointer;
}

.ff-product-detailInfo-head .product-small-exchangeImage:hover{
  border-color: #06F;
}

.ff-product-detailInfo-head .product-shortInfo{
  padding: 10px 0;
  line-height: 24px;
  border-bottom: 1px dashed #d1e6f7;
}

.ff-product-detailInfo-desc{
  padding-top: 20px;
  padding-bottom: 20px;
}

.ff-product-detailInfo-desc p{
  font-size: 14px;
  line-height: 24px;
}

.ff-recruitInfo-jobs{
  padding-left: 10px;
  padding-right: 10px;
}

.ff-recruitInfo-jobs h3{
  margin: 10px 0;
  font-size: 18px;
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}

.ff-recruitInfo-jobs h3 span{
  padding: 5px 0;
  padding-right: 10px;
  border-bottom: 2px solid #06c;
}

.ff-recruitInfo-jobs .job-require{
  min-height: 75px;
}

.ff-recruitInfo-jobs .job-require ol{
  margin: 0;
}

.ff-recruitInfo-jobs .job-require li{
  line-height: 24px;
}

.ff-HRPolicy, .ff-recruitNotice, .ff-marketing, .ff-contactus, .ff-download, .ff-compvisualize{
  padding-top: 20px;    
  padding-bottom: 20px;
}

.ff-recruitNotice table{
  margin-bottom: 0;
}

.ff-contactus h3{
  margin: 8px 0;
  font-size: 14px;
  font-weight: bold;
}

.ff-contactus h3 small{
  color: inherit;
  font-size: 12px;
}

.ff-contactus-head{
  padding: 3px 0;
}

.ff-contactus-content{
  font-size: 12px;
}

.ff-contactus-row label{
  font-weight: normal;
  padding-right: 2px;
}

.ff-contactus-row label.first-col{
  width: 6em;
}

.ff-contactus-row strong{
  display: block;
  margin-bottom: 5px;
}

.ff-download-imageInfo{
  padding: 10px 0;
  height: 220px;
  width: 200px;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto;
}

.ff-download-shortInfo{
  padding: 10px 0;
  line-height: 18px;
}

.ff-download-search{
  width: 100%;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.ff-download-search .search-title{
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ff-download-search .search-form{
  margin: 0;
  padding: 5px 0;
}

.ff-download-menu .product-sub_category{
  border: none;
}

.ff-download-shortinfo .shortinfo-head{}

.ff-download-shortinfo .shortinfo-item{
  padding-top:10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #d1e6f7;
}



/*foen.com mobile css code begin*/

@media only screen and (max-width: 667px)
{
	img{
	  max-width:100%;
	}

	.head-banner img{
	  max-width:100%;
	}

	.head-banner .pull-right{
	display:none;
	}

	.fofen-banner,.fofen-banner-swiper{
	  height:80px;
	}

	.fofen-banner img{
	  max-width:100%;
	}

	.col-xs-7{
	  width:100%;
	}

	.col-xs-5{
	  width:100%;
	}

	.col-xs-2{
	  width:100%;
	}

	.fofen-product-display{
	  display:none;
	}

	body > .container > .row > .col-xs-3 {
	  width:100%;
	}

	.col-xs-4{
	  width:100%;
	}

	.col-xs-6{
	  width:100%;
	}


	

	.col-xs-10{
	  width:100%;
	}

	.col-xs-8{
	  width:100%;
	}

	body .ff-position {
	    text-align: left;
	}

	.ff-pagecontent{
	  padding-right:0;
	  padding-left:0;
	}

	.ff-pagecontent .col-xs-10,.ff-pagecontent .col-xs-2{
	  
	  padding-right:0;
	  padding-left:0;
	}

	body .container:nth-child(1) .col-xs-6:nth-child(2){
	  display:none;
	}



	.col-xs-2 .ff-leftmenu{
	  margin-left:0;
	  margin-right:0;
	}


	.col-xs-10 .ff-pagetitle{
	  margin-left:0px;
	  margin-right:0px;
	  margin-top:10px;
	  border-bottom:none;
	}


	.ff-page{
	  border-top:none;
	}


	.ff-download-shortinfo .shortinfo-head{
	  display:none;
	}

	.ff-download-shortinfo .shortinfo-item > .col-xs-5 > .col-xs-5{
	  display:none;
	}

	.ff-download-shortinfo .shortinfo-item > .col-xs-5 > .col-xs-3{
	  display:none;
	}

	.ff-download-search{
	  display:none;
	}

	.menu-searchbox{
	  display:none;
	}

	body .ff-leftmenu{
	  height:auto;
	}

}





/*Michael foen.com mobile css code  end*/