@charset "utf-8";
/* CSS Document */
.top_a{ height: 30px; font-family:arial; color: #525252; text-align: right; line-height: 30px;}
.logo{ float: left;}
.top_right{ float: right; padding-top: 50px;}
.top_e{ background: url(../Image/top_e.jpg) no-repeat left center; padding:0 25px 0 30px;}
.top_tel{ background: url(../Image/top_tel.jpg) no-repeat left center; padding:0 25px;}
.top_en{ background: url(../Image/top_en.jpg) no-repeat left center; padding-left: 25px;}
.inco{ height: 68px; background: #eeefef; border-top: 1px solid #e2e2e2;}
.inco li{ float: left; position: relative; width: 171px; text-align: center;}
.inco li:after{ content: ''; position: absolute; right: 0; top: 24px; width: 1px; height: 20px; background: #cbcbcb;}
.inco li a{ color: #434343; display: block; line-height: 68px; position: relative;}
.inco li a:after{ content: ''; position: absolute; left: 50%; bottom:10px; transition: 0.3s all; width: 0px; height: 2px; background: #d80d18;}
.inco li a:hover{ color: #D80D18;}
.inco li a:hover:after{ width: 30%; left: 35%;}

.sy_inco{ width: 470px; margin:15px auto; border-bottom: 1px solid #cccccc; height: 66px; line-height: 66px;}
.sy_inco span{ width: 125px; text-align: center; margin: 0 auto; font-size: 24px; color: #484848; position: relative; display: block;}
.sy_inco span:after{ content: ''; position: absolute; left: 15px; top: 65px; width: 95px; height: 2px; background: #808080;}

.slideBox{ width:100%; height:540px; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; z-index:1; width: 100%; text-align: center; left: 0; bottom: 8px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ display:inline-block; border-radius: 50%; width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; margin: 0 5px;}
.slideBox .hd ul li.on{ background:rgba(0,0,0,0); box-sizing: border-box; border: 2px solid #f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:540px; display:block;  }
.zyflash{ height: 200px;}
.zyflash1{background: url(../Image/zyflash1.jpg) no-repeat top center;}
.zyflash2{background: url(../Image/zyflash2.jpg) no-repeat top center;}
.zyflash3{background: url(../Image/zyflash3.jpg) no-repeat top center;}
.zyflash4{background: url(../Image/zyflash4.jpg) no-repeat top center;}
.zyflash5{background: url(../Image/zyflash5.jpg) no-repeat top center;}
.zyflash6{background: url(../Image/zyflash6.jpg) no-repeat top center;}

.picScroll{ width:100%  overflow:hidden; position:relative; padding: 20px 0;}
.picScroll .hd{ overflow:hidden; padding: 35px 0 0 0; width: 100%;}
.picScroll .hd .prev{ margin-left: 565px;}
.picScroll .hd .prev,.picScroll .hd .next{float:left; width:50px; height:35px; overflow:hidden; cursor:pointer; background: #FFF; border: 1px solid #da0013;  font-family: "SimSun"; text-align: center; font-size: 20px; line-height: 35px;}
.picScroll .hd .next{ border-left: none; background: #da0013; color: #FFF;}
.picScroll .bd ul{ overflow:hidden; zoom:1; width: 100%; }
.picScroll .bd ul li{ margin:10px; float:left; _display:inline; background: #FFF; overflow:hidden; text-align:center; width: 285px; height: 300px;}
.picScroll .bd ul li .img{ width: 285px; height: 214px;}
.picScroll .bd ul li .img img{width: 285px; height: 214px; display:block;}
.picScroll .bd ul li .tit{ font-size: 16px; color: #343434; line-height:44px;}
.picScroll .bd ul li .more{ border: 1px solid #dcdcdc; color: #343434; font-size: 12px; width: 77px; height: 24px; margin: 0 auto; display: block;}
.picScroll .bd ul li:hover{-moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #333333;}
.picScroll .bd ul li:hover .more{ background: #da0013; color: #FFF; border-color: #da0013;}

.jj_num{ padding: 30px 100px; overflow: hidden;}
.jj_num li{width: 33.33%; float: left; font-size: 12px; text-align: center;}
.jj_num li a{ color: #a2a2a2;}
.jj_num li p{ font-size: 16px; color: #666666; font-weight: bold;padding-bottom: 20px; position: relative; transition: 0.3s all;}
.jj_num li p:after{content: ''; position: absolute; left: 50%; bottom: 10px; width: 20px; height: 2px; background: #666666; margin-left: -10px;}
.jj_num li:hover p{ color: #da0013;}
.jj_num li:hover p:after{ background: #da0013;}

.jj .cont{ width: 705px; float: right; line-height: 30px; color: #6c6c6c;}
.jj .more a{ width: 155px; color: #FFF; height: 34px; background: #d80d18; text-align: center; line-height: 34px; display: block; margin: 10px 0; border-radius: 17px;}
.jj .more a:hover{ border-radius: 7px; width: 170px;}

.cp{ border-bottom: 1px solid #ececec}
.slide_screen{width:1200px;margin:10px auto;}
.slide_screen li{float:left;overflow:hidden;position:relative; width:285px;height:260px; margin:12px 7px;}
.slide_screen li .window{width:570px;position:absolute;left:0;top:0px;}
.slide_screen li img{display:block; width:285px;height:194px; }
.slide_screen li .piece{width:285px;height:260px; text-align: center; float: left; color: #8d8d8d;}
.slide_screen li .tit{font-size: 16px; color: #0e0f0a; line-height:30px; padding-top: 8px;}
.slide_screen li .cont{ position: relative; padding-bottom: 5px;}
.slide_screen li .cont:after{ transition: 0.3s all; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background: #da0013;width:0; }
.slide_screen li:hover .cont:after{width: 100%;}
.libtn{width:165px;height:13px;text-align:center;margin:10px auto 0 auto; clear: both;}
.libtn li{float:left;margin:0 4px;display:inline;width:45px;height:11px;border:1px solid #989898;overflow:hidden;cursor:pointer;}
.libtn li.selected{background:#da0013; border-color: #da0013;}
.slide_screen li:hover{}

.newslist li{ width: 50%; padding: 10px; margin: 5px 0; box-sizing: border-box; float: left; position: relative;}
.newslist li .introImg{ float: left; margin-right: 20px; width: 160px; height: 120px;}
.newslist li .tit{ font-size: 16px; color: #484848; padding-bottom: 10px; display: block; float: left; width: 320px; transition: 0.3s all;}
.newslist li .cont{float: left; width: 400px; }
.newslist li .time{ position: absolute; top: 10px; right: 15px; font-size: 12px; color: #a0a0a0;}
.newslist li .more{ color: #9f9f9f; font-family: arial; width: 66px; height: 22px; line-height: 22px; border: 1px solid #dddddd; background: #f9f9f9; border-radius: 11px; text-align: center; font-size: 12px;position: absolute; bottom: 12px; right: 15px;}

.newslist li:hover .tit{ padding-left: 5px; color: #d1be9c;}
.newslist li:hover .more{ background: #da0013; color: #FFF;}

.kuaijie{ background: url(../Image/ys.jpg) no-repeat top left; height: 307px;}
.kuaijie li{ width: 33.33%; float: left; color: #FFF; text-align: center; line-height: 36px;}
.kuaijie li .img{ width: 69px; height: 69px; margin: 35px auto 22px auto; transition: 1s all;}
.kuaijie li a{ width: 153px; height: 42px; border:1px solid rgba(255,255,255,0.3); border-radius: 3px; color: #d1be9c; line-height: 42px; margin:10px auto; display: block; font-size: 15px;}
.kuaijie li:hover .img{transform: rotateY(360deg);}
.kuaijie li:hover a{ background: #d1be9c; color: #FFF;}
.footer{ padding:0 0 40px 0;}
.footer .w1200{ border-top: 1px solid #e5e5e5; padding-top: 20px;}
.footer .end_menu li{ float: left; margin-left: 30px;  width: 120px;}
.footer .end_menu li a{ display: block; color: #8c8c8c; line-height: 26px;}
.footer .end_menu li .title{ color: #3c3c3c; line-height: 46px;}

.footer .end_lx{ padding: 35px 5px 0 0;}
.end{ background: #5a5a5a; height: 67px; line-height: 67px; color: #b0b0b0; overflow: hidden;}
.end a{ color: #5a5a5a;}

.zy{ width: 1200px; margin: 0 auto; background: url(../Image/sidebar.jpg) repeat-y 220px top  #f6f6f6;}
.zy:after{ clear: both; height: 10px;}
.side{ float:left; width:230px;}
.side .l_nav{ margin-top: -200px; background: rgba(255,255,255,0.2); height: 260px; color: #FFF; text-align: right;}
.side .l_nav .eng{ font-size: 30px; padding: 66px 45px 10px 0;}
.side .l_nav span{ font-size: 18px; padding-right: 45px;}
.side li{ position: relative; height: 86px; line-height: 86px; border-bottom: 1px solid #e2e2e2; text-align: right; padding-right: 26px; transition: 0.3s all; font-size: 15px;}
.side li:after{ transition: 0.3s all; content: '  >'; font-size: 16px; font-family: "SimSun";}

.side li:hover a,.side li:hover{ background: #e7e7e7; color: #de0000;}
.side li:hover:after{ color: #de0000;}

.zy_box{ overflow: hidden; float: right; width: 950px; padding:0 0 20px 20px; background: #FFF;}
.weizhi{ height: 60px; line-height: 60px; text-align: right; border-bottom: 1px solid #e8e8e8;}
.zy_nav{ padding: 30px 0; line-height: 30px;border-bottom: 1px solid #e8e8e8; margin-bottom: 20px;}
.zy_nav .eng{ font-size: 30px; color: #d4d4d4;}
.zy_nav span{ font-size: 18px; color: #535353;}
/*关于飞鸿*/
.jj_mate{ line-height: 40px; padding: 20px 0;}
.img_l{ float: left; margin-right: 20px;}
.ceo{background: url(../Image/ceo.jpg) no-repeat top left #f0f0f0; padding:20px 0 0 420px;}
.ceo .article img{padding-right: 10px;}
.culture li{ color: #FFF; width: 255px; text-align: center; height: 255px; float: left; margin: 15px 27px; border-radius: 50%; color: #FFF; background: #000; overflow: hidden; position: relative; font-size: 14px;}
.culture li img{ opacity: 0.5; position: absolute; z-index: 0; left: 0; top: 0;}
.culture li p{width: 230px; margin: 0 auto; position: relative; z-index: 9;}
.culture li p:first-of-type{ padding: 65px 0 20px 0;}

.jjlc { overflow: hidden; margin: 20px 0;}
.jjlc li{ width: 210px; padding-top: 45px; height: 100px; transition: 0.3s all; margin: 0 35px 0 0; background: #f6f6f6; text-align: center; color: #a8a8a8;float: left;}
.jjlc li:last-of-type{ float: right; margin: 0;}
.jjlc li p{ position: relative; font-size: 60px; color: #7d7d7d; font-family: impact; transition: 0.3s all;}
.jjlc li p span{ font-size: 16px; color: #949494; position: absolute; top: -17px; margin-left: 5px; transition: 0.3s all;}
.jjlc li:hover{ background: #cd0e0e; color: #FFF;}
.jjlc li:hover p,.jjlc li:hover p span{ color: #FFF;}
/*飞鸿产业*/
.chanye a:link,.chanye a:visited { color: #666;}
.chanye a:active,.chanye a:hover { color: #fff;}
.chanye{ position: relative; padding: 28px 0px; background-color:#ffffff;}
.cy_li{ width:100%; overflow: hidden;}
.chanye:nth-child(even){ position: relative; padding: 28px 0px; background-color:#f5f5f5;}
.chanye a{ position: relative; z-index: 2;}
.chanye .bg{ position: absolute; top: 0%; height: 100%; width: 50%; left:25%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0;}
.chanye .img{ float: right; display: block; width: 45%; margin-right: 5%;}
.chanye .img img{ width: 100%; display: block;}
.chanye .con{ float: left; display: block; width: 37%; margin-left: 5%;}
.chanye .con .t{ font-size: 24px; margin-top: 8%;}
.chanye .con .en{ color: #cccccc; font: 30px/1.2 "acaslonpro","times new roman",tahoma,georgia;}
.chanye .con .c{ margin: 25px 0px 15px; height: 80px; overflow: hidden;}
.chanye:hover .bg{ width: 100%; left: 0; background-color: #c83c35; opacity: 1;}
.chanye:hover .con .en{ color: #e57f7f;}
/*产品中心*/
.cplist li{ margin:10px; float:left; width:295px; _display:inline; overflow:hidden; text-align:center;  }
.cplist li img{width:295px;height:220px; display:block;  }
.cplist li .tit{ line-height:36px; color: #000; background:#ffcf76; height:36px; display:block; transition: 0.3s all;}
.cplist li:hover .tit ,.cplist li:hover .tit a{ background:#b5801f; color:#FFF;}

.cp_img{ width: 500px; height: 375px; float: left;}
.cp_img img{width: 500px; height: 375px;}
.cpinfo{ width: 420px; float: right;}
.cpinfo .tit{ font-size: 22px; color:#262626; line-height: 46px; font-weight: bold;}
.cpinfo .cont{ width: 550px; height: 215px; background: #ececec; border-radius: 10px; padding: 25px; margin: 10px 0;}
.cpinfo .cont p{ padding: 5px 0;}
.cpinfo .more_1{ float: left; margin: 0 10px 0 0; height: 36px; border-radius: 18px; line-height: 36px; text-align: center; width: 120px; border: 2px solid #d1be9d; transition: 0.3s all;}
.cpinfo .more_1:hover{ background: #F44336; color: #FFF; border-color: #F44336;}

.info_tit{ height: 40px; line-height: 40px; background: #d1be9d;}
.info_tit span{ background: #F44336; float: left;color: #FFF; padding: 0 21px;}
.rel_center{ width: 550px;}
/*新闻中心*/
#zyNews{ padding: 10px 20px;}
#zyNews li{ display: block; border-bottom: 1px solid #e6e6e6; padding: 15px 0;overflow: hidden;}
#zyNews li .tit{ height: 30px; line-height: 30px; padding-bottom: 12px;}
#zyNews li .tit a{ color: #212121; width: 525px;overflow: hidden;text-overflow: ellipsis; float: left; white-space: nowrap;}
#zyNews li .img{ width: 230px; height: 137px; overflow: hidden;}
#zyNews li .img img{width: 230px; height: 137px; }
#zyNews li .desc{ width: 640px; padding: 0 5px;}
#zyNews li  a.more{ display: block; background: #d1be9d; color: #FFFF; height: 34px; line-height: 34px; width: 120px; text-align: center; margin-top: 10px;}
#zyNews li:hover .tit a,.news_img:hover .tit a{ color: #cc0000; padding-left: 10px;}
#zyNews li:hover  a.more{ background: #d80d18; border-radius: 17px;}
/*详情页面*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;line-height: 50px;}
#prev_next li{margin: 5px 0;width: 45%;float: left;border: 1px solid #fff;transition:0.4s;padding-left: 15px;}
#prev_next li a:hover{color: #d10000;}
#prev_next li a{transition:0.4s;}
#prev_next li:hover{border: 1px solid #d80d18;padding-left: 35px;}
#prev_next li:hover a{color:#d80d18 }
.tuijian{font-size: 20px;color: #232323;line-height: 40px; font-weight: bold; height: 40px; background: url(../Image/tuijian.jpg) no-repeat left center; padding-left: 40px;}
/*人才招聘*/
.jobs{ width: 1070px; margin: 15px auto;}
.jobs li{ height: 44px; line-height: 44px; overflow: hidden; border-bottom: 1px solid #b0b0b0;}
.jobs li:first-of-type{ background: #d1be9d; color: #FFF;border: none;}
.jobs li span{ float: left; text-align: center;}
.jobs li span:nth-of-type(1){ width: 250px;}
.jobs li span:nth-of-type(2){ width: 150px;}
.jobs li span:nth-of-type(3){ width: 150px;}
.jobs li span:nth-of-type(4){ width: 250px;}
.jobs li span:nth-of-type(5){ width: 130px;}
.jobs_tit { width:280px; padding: 20px; line-height: 40px; }
.jobs_info{ padding: 20px; width: 600px;}
.job_more{ float: left; width: 110px; height:200px; background: #d1be9d; color: #FFF; text-align: center; font-size: 24px; line-height: 33px;}
.job_more:hover{ background: #f44336; color: #FFF;}
.order{ width: 950px; margin: 10px auto;}
.order .text{ width: 420px; float: left; margin-bottom: 15px; padding-top: 15px; position: relative; height: 44px; overflow: hidden;}
.order .text span,.order .longtext span{ float: left; width: 100px; text-align: right; box-sizing: border-box; padding-right: 10px; line-height: 40px;}
.order .text input{ width:315px; padding: 0 10px; height:36px; line-height: 36px; font-family: "微软雅黑";border-radius: 3px; border: 1px solid #e0e0e0; font-size: 14px;}
.order .longtext{margin-bottom: 12px; height: 100px; clear: both; position: relative;}
.order .longtext textarea{resize: none;width:735px;height:80px; padding: 10px 10px;font-family: "微软雅黑";border-radius: 3px;border: 1px solid #e0e0e0;}
.order .yzm{ width: 15%;}
.order .tj{ width:40%; margin-right:30px;float: right;height: 42px; background: #121212; position: relative; }
.order #submit{ width:100%; line-height: 36px; background: #f44336; color: #FFF; float: right; font-size: 16px;font-family: "微软雅黑";border-radius: 3px; position: relative; z-index: 9; border: none;}
.order input { font-size: 16px; outline: none;}


.order1{ width: 850px; overflow: hidden; margin: 10px;}
.order1 .t_r{ text-align: right; padding-right: 8px;}
.order1 input[type="text"]{ width: 320px; padding: 0 10px; height: 36px; line-height: 36px; font-family: "微软雅黑";border-radius: 3px;border:1px solid #d2d4d6; margin-bottom: 10px;}
.order1 textarea{border:1px solid #d2d4d6;resize: none;width:340px%; height:110px; padding: 10px; font-family: "微软雅黑";border-radius: 3px;}
.order1 input[type="submit"]{ width:340px; height: 42px; background: #f44336;color: #FFF; clear: both; font-size: 16px;font-family: "微软雅黑";border-radius: 3px;}

/*悬浮QQ*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../Image/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../Image/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../Image/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;max-width:160px !important;width:160px !important;height:160px;}
.izl-rmenu .btn-phone{background:url(../Image/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../Image/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}