/*头部样式*/
#header{width:1200px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;width: 366px;background: url(../images/dian.png) no-repeat;height: 136px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#e70000;font-size:24px;font-family:"微软雅黑";font-weight: 600;padding-top: 65px;
letter-spacing: -2px;
}



/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:260px;float:right;background: url(../images/ss.jpg) no-repeat;margin-top: 15px;}
.hotSearch{width:400px;float:left;font:400 14px/61px "Microsoft Yahei";color: #666666;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.hh{
	background: url(../images/top.png) repeat-x;
	height: 227px;
}
.hh1{
	font:400 12px/41px "Microsoft Yahei";
	color: #999999;
}
.k1{
	font:400 12px/41px "Microsoft Yahei";
	color: #999999;
	text-align: right;
}
.k1 a{
	color: #999;
}

/*主体样式*/
#container{width:1200px;margin:0 auto;}

.nei{
	background: url(../images/nei.jpg) repeat-x;
	height: 71px;
}

/*合作单位及供应商*/
.nei1{
	background: #f2f2f2;
	height: 400px;
}
.chan{
	background: url(../images/left.png) top center no-repeat;
	height: 153px;
	text-align: center;
}
.chanti{
	text-transform: uppercase;
	color: #999999;
	font:400 16px/20px "Arial";
	letter-spacing: 1px;
	padding-top: 50px;
}
.chanzi{
	font:600 24px/40px "Microsoft Yahei";
	color: #333;
}
.chanzi span{
	color: #e70000;
}

.roll1{position:relative;margin-top:5px;}
.l_btn,.r_btn{position:absolute;top:15%;cursor:pointer;}
.l_btn{left:0;}
.r_btn{right:0;}

.product_list1 li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list1 li {padding:4px;border:1px solid #dedede;}
.product_list1 li img{width:190px;height:90px;}
.product_list1 li h3{text-align:center;padding-top:5px;}
.product_list1 li h3 a{font-weight:normal;}
.product_list1 li {display:block;}
.product_list1 li:hover{border-color:#e87518;}

.chanmire{
	width: 180px;
	font:400 14px/40px "Microsoft Yahei";
	text-align: center;
	margin:0 auto;
	border: #da251c 1px solid;
	border-radius: 15px;
	margin-top: 40px;
	color: #333;
}

/*工程案例*/
.news{width:1200px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:140px;height:38px;display:block;line-height:38px;border:1px solid #999999;margin-right:9px;text-align:center;
	color:#333;font-size:15px;cursor: pointer;
	font-family: "Microsoft Yahei";
}
.tab li.cur{color:#e70000;text-decoration:none;font-size:16px;border-color: #e70000;}
.tt{display: none;}
.tab li:nth-child(8){
   float: right;
   width: 140px;
   margin-right: 0px;
}

.product_list2 li{float:left;margin-left:0px;margin-right:14px;margin-bottom:9px;_display:inline;}
.product_list2 li a.img{padding:4px;border:1px solid #d1d1d1;}
.product_list2 li a.img img{width:280px;height:210px;}
.product_list2 li h3{text-align:center;font:400 14px/45px "Microsoft Yahei";}
.product_list2 li h3 a{font-weight:normal;}
.product_list2 li a.img{display:block;}
.product_list2 li a.img:hover{border-color:#e70000;}
.product_list2 li:nth-child(4n){
	float: right;
	width: 287px;
	margin-right: 0px;
}
.product_list2 li:hover a{
	color:#e70000;
}
.tab_content{
	margin-top: 24px;
}

/*大业务体系*/
.nei2{
	background: url(../images/nei1.jpg) top center no-repeat;
	height: 786px;
	margin-top: 50px;
}
.yeti{
	font:400 20px/30px "Arial";
	color: #e70000;
	text-transform: uppercase;
	text-align: center;
	padding:70px 0 0 90px;
}
.yswen{
	font:600 40px/40px "Arial";
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding:5px 0 0 157px;
}
.yezit{
	text-align: center;
	font:400 14px/30px "Microsoft Yahei";
	color: #fff;
	padding-top: 18px;
}
.syti{
	margin-top: 40px;
}
.syti li{
	float: left;
	width: 270px;
	margin-right:40px;
	background: #fff;
	border-radius: 5px;
	text-align:center;
	box-sizing: border-box;
	padding:22px 10px 0 10px;
	height: 370px;
	position: relative;
}
.shijin img{
	text-align: center;
}
.syti li .shijin{width: 120px;height: 120px;margin:0 auto;overflow: hidden;}
.syti li:hover .shijin img{
	margin-top: -119px;
}
.syti li:hover{
	background: #e70000;
	cursor: pointer;
}
.xian{
	border-bottom: #dedede 1px solid;
	margin-top: 30px;
}
.syti li:nth-child(4){
	float: right;
	width: 270px;
	margin-right: 0px;
}
.syti li:hover .xian{
	border-bottom: #ff6d6d 1px solid;
	margin-top: 30px;
}
.syiti{
	font:600 18px/30px "Microsoft Yahei";
	color: #e70000;
	background: url(../images/xian.png) bottom center no-repeat;
	padding-top: 20px;
	height: 40px;
}
.syti li:hover .syiti{
	font:600 18px/30px "Microsoft Yahei";
	color: #fff;
	background: url(../images/xian1.png) bottom center no-repeat;
	padding-top: 20px;
}
.syrong{
	font:400 14px/25px "Microsoft Yahei";
	color: #333;
	padding-top: 15px;
}
.shu{
	width: 160px;
	margin:0 auto;
	border-left: #f31919 1px solid;
	border-right: #f31919 1px solid;
	border-top: #f31919 1px solid;
	height: 37px;
	margin-top: 34px;
}
.shizti{
	width: 78px;
	background: url(../images/xian2.png) right center no-repeat;
	line-height: 37px;
	color: #f31919;
	text-transform: uppercase;
	font:400 14px/37px "Microsoft Yahei";
}
.shizitu{
	width: 78px;
	line-height: 37px;
	color: #f31919;
	text-transform: uppercase;
	font:400 16px/37px "Microsoft Yahei";
}
.syti li:hover .shu{
    border-left: #ff6d6d 1px solid;
	border-right: #ff6d6d 1px solid;
	border-top: #ff6d6d 1px solid;
}
.syti li:hover .shizti{
   color: #ff6d6d;
}
.syti li:hover .shizitu{
   color: #ff6d6d;
}
.syti li:hover .shizti{
   background: url(../images/xian3.png) right center no-repeat;
}
.syti li:hover .syrong{
	color: #fff;
}

.hua{
	background: url(../images/hua.png) top center no-repeat;
	height: 50px;
	line-height: 50px;
	margin-top: 50px;
}

/*号码*/
.hua1{
	width: 450px;
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 105px;
}
.hua2{
	width: 270px;
	margin-right: 15px;
	height: 50px;
}
.lain{
	width: 450px;
	font:400 14px/50px "Microsoft Yahei";
	color: #fff;
	box-sizing: border-box;
	padding-left: 45px;
}

/*产品制作*/
.chan1{
	background: url(../images/left5.png) top center no-repeat;
	height: 153px;
	text-align: center;
}
.product_list3 li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list3 li a.img{padding:1px;border:1px solid #e0e1dc;}
.product_list3 li a.img img{width:150px;height:120px;}
.product_list3 li h3{text-align:center;padding-top:5px;}
.product_list3 li h3 a{font-weight:normal;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#e87518;}


.roll2{position:relative;margin-top:5px;}
.l_btn1,.r_btn1{position:absolute;top:35%;cursor:pointer;}
.l_btn1{left:-60px;}
.r_btn1{right:-60px;}

.cpp{
	width: 450px;
	margin:0 auto;
}
.cpp li{
	float: left;
	width: 200px;
	text-align: center;
	border: #999999 1px solid;
	font:400 16px/48px "Microsoft Yahei";
	cursor: pointer;
}
.cpp li:nth-child(2){
	float: right;
	margin-right:0px;
}
.cpp li:hover ,.cpp li.on{
	border: #e70000 1px solid;
	color: #e70000;
}
.cpt{
	margin-top: 26px;
}



/*走进友杰钢结构*/
.nei5{
	background: url(../images/nei2.jpg) top center no-repeat;
	height: 600px;
	margin-top: 50px;
}
.sho{
    width:520px;
	/*width: 460px;*/
	height:auto;
	margin-top:106px;
	overflow: hidden;
}
.ab{    width: 680px;
	/*width: 740px;*/
	box-sizing: border-box;
	padding:104px 70px 0 70px;
}
.abti{
	font:600 30px/45px "Microsoft Yahei";
	color: #e70000;
}
.abti span{
	color: #333333;
}
.abnei{
	font:400 14px/30px "Microsoft Yahei";
	color: #666;
	padding-top: 25px;
}
.abmore{
	width: 180px;
	border:#333 1px solid;
	font:400 14px/38px "Microsoft Yahei";
	color: #33;
	text-align: center;
	margin-top: 24px;
}


/*新闻*/
.xxw{
	width: 782px;
	margin-top: 45px;
}
.news_list1 li{line-height:27px;position:relative;}
.news_list1 li a{line-height:27px;color:#666;}
.news_list1 li a:hover{text-decoration:none;color:#e87518;}
.news_list1 li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list1 li h3 {font-size:14px;}
.news_list1 li div{line-height:24px;}

.xt{
	background: #333;
	height: 60px;
}
.xt li{
	float: left;
	width: 200px;
	text-align: center;
	font:400 16px/60px "Microsoft Yahei";
	color:#fff;
	cursor: pointer;
}
.xt li:hover , .xt li.on{
	background: #e70000;
}
.xt li img{
	text-align: left;
	margin-right: 10px;
}
.xy{
	border-left:#d1d1d1 1px solid;
	border-bottom:#d1d1d1 1px solid;
	border-right:#d1d1d1 1px solid;
	box-sizing: border-box;
	padding: 10px;
}
.xfgimg{
	width: 270px;
	height: 180px;
	overflow: hidden;
}
.xwnei{
	width: 465px;
}
.xwhh a{
	font:400 16px/45px "Microsoft Yahei";
	color: #e70000;
}
.xwhh{
	height: 45px;
	background: url(../images/xian4.png) left bottom no-repeat;
}
.xwrong{
	font:400 14px/28px "Microsoft Yahei";
	color: #666;
	margin-top: 15px;
}
.xwmore{
	font:400 14px/22px "Microsoft Yahei";
	color: #e70000;
	margin-top: 15px;
}
.news_list2 li{line-height:47px;position:relative;padding-left:20px;background: url(../images/tu.png) left center no-repeat;
	float: left;
	width: 300px;
}
.news_list2 li a{line-height:47px;color:#666;font:400 14px/47px "Microsoft Yahei";}
.news_list2 li a:hover{text-decoration:none;color:#e70000;}
.news_list2 li:nth-child(2n){
	float: right;
	width: 320px;
	margin-left: 30px;
}

.fg{
	border-bottom:#d1d1d1 1px solid;
	margin-top: 15px;
}
.xhht{
	background: url(../images/xian5.png) 350px center no-repeat;
	height:377px;
	box-sizing: border-box;
	padding: 10px 0;
}
.news_list2 li:hover{
	background: url(../images/tu1.png) left center no-repeat;
}
.hang{
	width: 401px;
	margin-top: 45px;
}
.hangti{
	background: url(../images/xw2.png) no-repeat;
	font:400 16px/60px "Microsoft Yahei";
	color: #fff;
	position: relative;
	padding-left: 75px;
}
.hangti a{
	position: absolute;
	font:400 14px/60px "Microsoft Yahei";
	color: #fff;
	text-transform: uppercase;
	top:0px;
	right: 10px;
}
.hangneit{
	border-left:#d1d1d1 1px solid;
	border-bottom:#d1d1d1 1px solid;
	border-right:#d1d1d1 1px solid;
	box-sizing: border-box;
	padding: 10px;
}

#kehu{overflow:hidden;height:393px;margin:0 auto;position:relative;}
#jian {height:100%;}
#zheng {}
#xtop{}


.news_list5 li{line-height:27px;position:relative;padding-left:30px;background: url(../images/wen.png) left 5px no-repeat;
	height: 90px;
	border-bottom:#d1d1d1 1px solid;
	margin-top: 15px;
}
.news_list5 li a{line-height:27px;color:#e70000;font:400 14px/27px "Microsoft Yahei";}
.news_list5 li a:hover{text-decoration:none;color:#e87518;}
.news_list5 li span{color:#666;z-index:0;position:absolute;left:0px;top:30px;background: url(../images/da.png) left 8px no-repeat;
	padding-left: 30px;
	font:400 13px/24px "Microsoft Yahei";
}


.fggg{
	background: #222222;
	height: 300px;
	box-sizing: border-box;
	padding: 30px 0;
	margin-top: 65px;
}
.fhg{
	width: 140px;
	border-right:#333333 1px solid;
	text-align: left;
	height: 240px;
	overflow: hidden;
}
.dghjtiti{
	font:400 16px/22px "Microsoft Yahei";
	color: #fff;
}
.dghjying{
	font:400 20px/26px "Microsoft Yahei";
	color: #666666;
	text-transform: uppercase;
}
.fhfen{
	margin-top: 10px;
}
.fhfen li{
	font:400 12px/30px "Microsoft Yahei";
	color: #333;
}
.fhfen li:hover a{
	color: #fff;
}
.fhg1{
	width: 310px;
	border-right:#333333 1px solid;
}

.fhfent{
	font:400 12px/28px "Microsoft Yahei";
	color: #999999;
	margin-top: 10px;
}
.you{
	width: 300px;
}
.you{
	font:400 12px/33px "Microsoft Yahei";
	color: #999999;
}
.you a{
	color: #999;
}
.yyu{
	background: url(../images/you.png) top center no-repeat;
	height: 50px;
	line-height: 50px;
}


.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/






/*友情链接*/
.f_link{width:1200px;margin:0 auto;text-indent:140px;color: #fff;position: relative;}
.f_link a{color:#fff;}
.youshint{
	position: absolute;
	top:-2px;
	right: 0px;
}
/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#222;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;margin-top: 15px;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:960px;float:right;padding-bottom:10px;margin-top: 15px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}