﻿/* 跟版网精品织梦网站模板 www.genban.org */
@charset "utf-8";

.fg_product{ margin-top: 30px;}
.fg_product .fangguan{ overflow: hidden; padding-bottom: 30px; * padding-bottom: 30px;}
.fg_product .fg_left_pro{ width: 240px; float: left; overflow: hidden; background: #f5f5f5; padding-bottom: 3px;}
.fg_product .fg_left_pro h4{ width: 240px; height: 86px; background:url(../images/cpttbg.png) no-repeat; text-align: center; line-height:86px}
.fg_product .fg_left_pro h4 a{ font-size: 22px; color: #fff; text-decoration: none;}
.fg_product .fg_left_pro h4 span{ display: block; font-size: 14px; font-weight: normal; color: #5dcbc9; text-transform: uppercase; padding-top: 5px;}
.fg_pro_list{}
.fg_pro_list dl{ overflow: hidden; padding-bottom: 6px; }
.fg_pro_list dl dt{ height: 46px; line-height: 46px; background:#e0e0e0 url(../images/cpdtbg.png) no-repeat 34px center; padding-left: 58px; padding-right: 10px;}
.fg_pro_list dl dt a{ font-size: 16px; color: #1b1b1b; display: inline-block; width: 100%; height: 46px; line-height: 46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_pro_list dl dd{ height: 35px;line-height:35px; padding-left: 60px; padding-right:10px; background:url(../images/cpddbg_h.png) no-repeat 30px center;}
.fg_pro_list dl dd a{ display: inline-block; width: 100%; height: 35px; text-decoration: none; line-height: 35px; font-size: 12px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_pro_list dl dd:hover{background:url(../images/cpddbg.png) no-repeat 30px center;}
.fg_pro_list dl dd:hover a{ color: #014D98;}
/*fg_left_pro_end*/

.fg_pro_cont{ width: 840px; height: 612px; overflow: hidden; float: right; }
.fg_pro_cont ul{ overflow: hidden; }
.fg_pro_cont ul li{ width: 268px; height: 258px; margin-bottom: 35px; margin-right: 10px; float: left; overflow: hidden; position: relative; text-align: center; background:url(../images/cppicbg.jpg) no-repeat; border: 1px solid #efefef; position: relative;}
.fg_pro_cont ul li .pic{ display: block; width: 268px; position: relative; z-index: 15;}
.fg_pro_cont ul li .pic img{ display: inline-block; margin-top: 15px;padding: 2px; border: 1px solid #9BB4CC;} 
.fg_pro_cont ul li h5{ font-weight: normal; line-height:300%;}
.fg_pro_cont ul li h5 a{ font-size: 14px; color: #666;}
.fg_pro_cont ul li .detail1{ height: 123px; width: 100%; background: #014D98; position: absolute; bottom: 0px; left: 0px; z-index: 6;}
.fg_pro_cont ul li .detail1 h5{ padding-top: 48px; font-weight: normal; padding-bottom: 15px;}
.fg_pro_cont ul li .detail1 h5 a{ font-size: 14px; color: #fff;}
.fg_pro_cont ul li .detail1 img{ display: inline-block;}
.fg_pro_cont ul li .detail2{ height: 153px; width: 100%; background:url(../images/dtl2bg.png) repeat-x;  position: absolute; bottom: -200px; left: 0px; z-index: 8;}
.fg_pro_cont ul li .detail2 h5{ padding-top: 78px; font-weight: normal; padding-bottom: 6px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.fg_pro_cont ul li .detail2 h5 a{ font-size: 14px; color: #fff;}
.fg_pro_cont ul li .detail2 p{ height: 22px; line-height: 22px; -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0px 6px; font-size: 13px; color: #fff; }
.fg_pro_cont ul li .detail2 p em{ font-size: 13px; color: #fff; font-weight: bold;}
/*fg_pro_cont_end*/
/*-------------- 产品中心_end ---------------*/

.abb2{background: #014D98;}
.abb2 .fangguan{ overflow: hidden; height: 159px; padding-top: 32px; background:url(../images/abb2.jpg) no-repeat center top;}
.abb2 .holine{ float: right; margin-right: 28px;}
.abb2 .holine dl{ overflow: hidden;}
.abb2 .holine dl dt{ float: left;}
.abb2 .holine dl dt img{ display: block;}
.abb2 .holine dl dd{padding-left: 48px;}
.abb2 .holine dl dd span{ font-size: 14px; color: #fff;}
.abb2 .holine dl dd p{ font-size: 20px; font-family: "Arial"; color: #fff; font-weight: bold;}
.abb2 .ljzx{ display: block; width: 141px; height:47px; margin-top: 6px; text-decoration: none; margin-left: 26px; line-height: 47px; font-weight: bold; font-size: 18px; color: #fff; text-align: center; background:url(../images/zxbtn.png) no-repeat center top;}
/*-- Banner2_end --*/

.fg_about{background:url(../images/gtgs.jpg) no-repeat center top; width:100%;padding:70px 0; margin-top:30px;}
.fg_about .fangguan{ padding: 50px;background:#fff;}
.fg_about .fg_about_l{ width: 420px; height: 290px; background:url(../images/overlay.png); float: left; position: relative;}
.fg_about .fg_about_l ul{ width: 400px; height: 270px; float: left; margin-left: 10px; margin-top: 10px; position: relative; z-index: 5;}
.fg_about .fg_about_l ul li{width: 400px; height: 270px;}
.fg_about .fg_about_l ul li img{ display: block;}
.fg_about .fg_about_l .Afocus{ position: absolute; bottom: 25px; left: 0px; width: 100%; text-align: center; height: 10px; line-height: 10px; z-index: 8;}
.fg_about .fg_about_l .Afocus span{ display: inline-block; width: 9px; cursor: pointer; height: 9px; margin: 0px 3px; background:url(../images/yuan.png) no-repeat;}
.fg_about .fg_about_l .Afocus span.cur{background:url(../images/yuan_h.png) no-repeat;}
.fg_about .fg_about_r{ width: 640px;height:290px; float: right; background:url(../images/Gtcpny_r.jpg) left top no-repeat;}
.fg_about .fg_about_r h4{ font-size: 22px; font-weight: normal;margin: 15px 0px 0px 25px;}
.fg_about .fg_about_r span{ width: 399px; height: 42px; display: inline-block; margin: 15px 0px 0px 25px; background:url(../images/gstt.png) no-repeat;}
.fg_about .fg_about_r h5{ font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_about .fg_about_r h5 a{ font-size: 18px; color: #fff;}
.fg_about .fg_about_r p{ line-height: 28px; font-size: 14px; width: 590px; margin: 15px 0px 0px 25px;}
/*-- 简介 --*/

.fg_tjcp{ }
.fg_tjcp .fangguan{ padding-top: 54px;}
.fg_tjcp h5{ height: 30px; line-height: 30px; text-align: center; width: 100%;}
.fg_tjcp h5 a{ font-size: 30px; color: #000000;}
.fg_tjcptop{ margin-top: 45px; position: relative;}
.fg_tjcptop ul{ overflow: hidden; width: 1000px;}
.fg_tjcptop ul li{ float: left; text-align: center; margin: 0 10px; position: relative;}
.fg_tjcptop ul li img{ display: block; border: 5px solid #E4E4E4;}
.fg_tjcptop ul li p{ height: 25px; line-height: 25px; margin-top: 3px; padding: 0px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_tjcptop ul li p a{ font-size: 13px; color: #242424;}
.fg_tjcptop .btn{ display: block; width: 34px; height: 35px; position: absolute; top: 50px;}
.fg_tjcptop .prev{ left: -43px; background:url(../images/prev.png) no-repeat;}
.fg_tjcptop .next{ right: -43px; background:url(../images/next.png) no-repeat;}
.fg_tjcptop ul li .overlay{ display: none; background:url(../images/yloverbg.png); width: 180px; position:absolute; left: 0px; top: 0px;}
/*.fg_tjcptop .prev:hover{ left: -43px; background:url(../images/prev_h.png) no-repeat}
.fg_tjcptop .next:hover{ right: -43px; background:url(../images/next_h.png) no-repeat}*/
/*- 车间 --*/

.fg_news{/*background:url(../images/cmbg.jpg);*/ margin-top:50px;}
.fg_news .fangguan{ overflow: hidden; padding-top: 28px; padding-bottom: 32px;}
.fg_news .fg_news_l{ width: 740px; padding: 15px 15px; background: #fff; float: left; border: 3px solid #dcdcdc;}
.fg_news_l .fg_news_list{ height: 32px; border-bottom: 1px solid #dcdcdc; margin-bottom:22px;}
.fg_news_l .fg_news_list ul{ height: 32px; float: left;}
.fg_news_l .fg_news_list ul li{ float: left; height: 32px; margin-right: 15px; /*position: relative;*/}
.fg_news_l .fg_news_list ul li i{ position: absolute; font-style: normal; right: -26px; top: -5px; height: 32px; line-height: 32px; font-size: 18px; color: #054f9c; font-weight: bold;}
.fg_news_l .fg_news_list ul li a{ display:inline-block; padding: 1px 1px; text-decoration: none; font-size: 16px; color: #030303;}
.fg_news_l .fg_news_list ul li.cur,.fg_news_l .fg_news_list ul li:hover{ border-bottom: 2px solid #054f9c;}
.fg_news_l .fg_news_list ul li.cur a,.fg_news_l .fg_news_list ul li:hover a{ color: #054f9c; font-weight: bold;}

#more_span{ float:right; *margin-left:305px;}
.fg_news_l .fg_news_list .smore{ display: inline-block; text-transform: uppercase; color: #434343; font-size: 13px; float:left;}
.fg_news_l .dtchbox{ margin-top: 23px;}
.fg_news_l .fg_news_cont{ overflow: hidden;}
.fg_news_l .fg_news_cont dl{ overflow: hidden;}
.fg_news_l .fg_news_cont dl dt{ float: left;}
.fg_news_l .fg_news_cont dl dt img{ display: block;}
.fg_news_l .fg_news_cont dl dd{ padding-left: 220px;}
.fg_news_l .fg_news_cont dl dd h5{ height: 23px; line-height: 23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_news_l .fg_news_cont dl dd h5 a{ font-size: 14px; color: #000000;}
.fg_news_l .fg_news_cont dl dd p{ line-height: 26px; color: #000000; font-size: 13px; height: 104px; overflow: hidden;}
.fg_news_l .fg_news_cont dl dd p a{ font-size: 14px; color: #014D98;}
.fg_news_l .fg_news_cont .fg_news_cont_cont{ overflow: hidden; margin-top: 8px;width: 760px;}
.fg_news_l .fg_news_cont .fg_news_cont_cont li{ float: left; height: 40px; margin-right: 20px; margin-top: 6px; margin-bottom: 6px; background: #eeeeee; width: 360px;}
.fg_news_l .fg_news_cont .fg_news_cont_cont li h5{ float: left; width: 41px; background: #999999; font-weight: normal; padding-top: 2px; height: 38px; float: left; text-align: center;}
.fg_news_l .fg_news_cont .fg_news_cont_cont li h5 span{ display: block; font-size: 18px; color: #fff; font-family: "Impact";}
.fg_news_l .fg_news_cont .fg_news_cont_cont li h5 em{ font-size: 12px; color: #fff; font-family: "Arial";}
.fg_news_l .fg_news_cont .fg_news_cont_cont li:hover h5{background: #054f9c;}

.fg_news_l .fg_news_cont .fg_news_cont_cont li>div{ padding-left: 54px;}
.fg_news_l .fg_news_cont .fg_news_cont_cont li>div p{ height: 40px; line-height: 40px;}
.fg_news_l .fg_news_cont .fg_news_cont_cont li>div p a{ font-size: 13px; color:#404040;}
/*-- fg_news_l_end --*/

.fg_news_r{ width: 265px; float: right; padding: 15px 15px; background: #fff; border: 3px solid #dcdcdc;overflow: hidden;}
.fg_news_r h5{ overflow: hidden; width: 100%; background:url(../images/xian.png) left bottom no-repeat; height: 32px; line-height: 32px; margin-bottom:15px;}
.fg_news_r h5 *{ display: inline-block;}
.fg_news_r h5 em{ float: left;}
.fg_news_r h5 em .bt{ float: left; font-size: 16px; color: #054f9c; font-weight: bold;}
.fg_news_r h5 em span{ font-size: 16px; color: #d6d6d6; margin-left: 3px; font-family: "Arial"; font-weight: normal; text-transform: uppercase;}
.fg_news_r h5 .smore{ font-size: 28px; color: #9E7526; float: right; text-decoration: none; margin-right: 5px;}

.flquetion{ margin-top: 15px; height: 306px; overflow: hidden;}
.flquetion dl{ overflow: hidden; border-bottom: 1px solid #dadada; margin-top:5px;}
.flquetion dl dt{ height: 25px; line-height: 25px; margin-bottom: 4px; background:url(../images/wen.jpg) left center no-repeat; padding-left: 28px;}
.flquetion dl dt a{ font-size: 12px; color: #303030; font-weight: bold;}
.flquetion dl dd{ height: 50px; line-height: 25px; padding-left: 28px; background:url(../images/da.jpg) left 3px no-repeat; font-size: 12px; color: #646464; overflow: hidden;}
/*!------------ 新闻动态_end ----------------*/

.abb3{ width:1100px;margin:50px auto 0;overflow: hidden; height: 159px; padding-top: 32px; background:url(../images/abb3.jpg) no-repeat center top;}
.abb3 .holine{ float: right; margin-right: 28px;}
.abb3 .holine dl{ overflow: hidden;}
.abb3 .holine dl dt{ float: left;}
.abb3 .holine dl dt img{ display: block;}
.abb3 .holine dl dd{padding-left: 48px;}
.abb3 .holine dl dd span{ font-size: 14px; color: #fff;}
.abb3 .holine dl dd p{ font-size: 20px; font-family: "Arial"; color: #fff; font-weight: bold;}
.abb3 .ljzx{ display: block; width: 141px; height:47px; margin-top: 6px; text-decoration: none; margin-left: 26px; line-height: 47px; font-weight: bold; font-size: 18px; color: #e79800; text-align: center; background:url(../images/zxbtn1.png) no-repeat center top;}

.fg_rxcp{margin-top:20px;}
.fg_rxcp .fangguan{}
.fg_rxcp_cont{ position: relative;}
.fg_rxcp_cont>div{width: 960px; margin: 0 auto;}
.fg_rxcp_cont ul{ overflow: hidden; width: 1000px;}
.fg_rxcp_cont ul li{ float: left; text-align: center; margin: 0 10px; position: relative;}
.fg_rxcp_cont ul li img{ display: block; padding:4px; border: 1px solid #E4E4E4;}
.fg_rxcp_cont ul li p{ height: 25px; line-height: 25px; margin-top: 3px; padding: 0px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg_rxcp_cont ul li p a{ font-size: 13px; color: #242424;}
.fg_rxcp_cont .btn{ display: block; width: 28px; height: 28px; position: absolute; top: 70px;}
.fg_rxcp_cont .prev{ left: -26px; background:url(../images/xcprev_h.png) no-repeat;}
.fg_rxcp_cont .next{ right: -26px; background:url(../images/xcnext_h.png) no-repeat;}
.fg_rxcp_cont .prev:hover{ left: -26px; background:url(../images/xcprev.png) no-repeat;}
.fg_rxcp_cont .next:hover{ right: -26px; background:url(../images/xcnext.png) no-repeat;}
/*-- 公司相册_end --*/

.fg_link{margin-top:50px;}
.fg_link .fangguan{ overflow: hidden; border-top: 2px solid #F5A100;}
.fg_link .fg_link_l{ float: left; background:url(../images/ylicon.png) no-repeat left center; padding-left: 52px; padding-top: 18px; padding-bottom: 18px;}
.fg_link .fg_link_l h5{ padding-bottom: 4px; font-size: 16px; color: #666;}
.fg_link ul{ width: 960px; float: right; overflow: hidden; margin-top: 14px; margin-bottom:10px}
.fg_link ul li{ float: left; height: 14px; line-height: 14px; border-left: 1px dotted #666; margin-top: 5px; margin-bottom: 5px; margin-left: -1px;}
.fg_link ul li a{ display: inline-block; padding: 0px 21px; font-size: 13px; color: #666;}
/*-- 友情链接_end --*/

/*css3*/



@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

.fg_pro_cont ul li:hover h5 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.fg_pro_cont ul li:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}