@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
body {font-size:14px; line-height:24px;color:#333333; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; background:url(../Image/bj.jpg) repeat-x top center #004898;}
a{ color:#333333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; color:#a90000;}
.f_left{ float:left;}
.f_right{ float:right;}
.clear{ clear:both;}
.relative{ position:relative;}
.absolute{	position:absolute;}
ul {list-style: none;}
li{ list-style-type:none;}
#main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.eng{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:30px; color:#dedede; padding-left:16px;}
#inco,.nav{ font-family:Microsoft YaHei,SimSun; font-size:14px;}
.nr{ line-height:26px;}
.w1002{width:1200px; height:auto; overflow:hidden; margin:0 auto;}



/*鼠标放上  图片放大*/
.scale:hover img {transform: scale(1.2, 1.2);}
.scale img{ transition:transform 1s ease 0s}

/*-------------- top --------------*/
#top{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
#logo{ float:left; height:103px;}
#top_right { float:right; height:103px; width:280px; background:url(../Image/top_right.jpg) no-repeat top left; }
#top_right span{padding-top:40px; color:#d30000; font-size:18px;}
#inco{ height:58px; clear:both; width:100%;}
#inco a{ float:left; width:147px; text-align:center; color:#FFF; font-size:18px; line-height:58px;}
#inco img{ float:left;}
#inco a:hover{ font-weight:700;}
#flash{ height:553px; width:100%; overflow:hidden; position:relative; z-index:0;}
.flash { position: absolute; z-index: 0; width: 1440px; height: 553px; margin: 0 auto; top: 0;}
.zyflash{ position: absolute; z-index: 0; width: 1440px; height: 361px; margin: 0 auto; top: 0;}
#flash .html5zoo-nav-0{ margin-top: -80px !important;}
#zyflash{ height:361px; width:100%; overflow:hidden; position:relative; z-index:0;}

#zyflash #full-screen-slider { width:100%; height:361px; margin:0 auto;position:relative}
#zyflash #slides { display:block; width:100%; height:361px; list-style:none; padding:0; margin:0; position:relative}
#zyflash #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#zyflash #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#zyflash #pagination { display:block; list-style:none; position:absolute; left:20%; top:335px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#zyflash #pagination li { display:block; list-style:none; width:14px; height:14px; float:left; margin-left:15px; border-radius:7px; background:#FFF }
#zyflash #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#zyflash #pagination li.current { background:#0092CE}


#flash #full-screen-slider { width:100%; height:553px; margin:0 auto;position:relative}
#flash #slides { display:block; width:100%; height:553px; list-style:none; padding:0; margin:0; position:relative}
#flash #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#flash #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#flash #pagination { display:block; list-style:none; position:absolute; left:20%; top:480px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#flash #pagination li { display:block; list-style:none; width:14px; height:14px; float:left; margin-left:15px; border-radius:7px; background:#FFF }
#flash #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#flash #pagination li.current { background:#0092CE}



#youshi{ position:relative; margin-top:-50px; z-index:999}
#youshi .nav{ background:url(../Image/youshi_nav.png) no-repeat top center; height:73px;}
#youshi .nr{ background:#004898; height:340px;}
#youshi .nr .title{ display:block; text-align:center; font-size:32px; overflow:hidden; height:76px; color:#fead00; font-weight:bold;}
#youshi .nr .title span{ color:#FFF; display:block; line-height:56px;}
#youshi .nr ul{ width:1050px; margin:0 auto;}
#youshi .nr ul li{ width:224px; margin:12px 19px; float:left;}
#youshi .nr ul li:hover img{transform:rotate(360deg);transition: all 1s ease-out;-webkit-transform: rotate(360deg);}

.main{ background:url(../Image/cp_bj.jpg) top center;}
#fl{ margin:17px 0 38px 0; float:left; width:260px; background:#024d81; height:400px;}
#fl .nav{ background:#0084d7; height:65px; color:#FFF; font-size:14px; padding-left:37px; font-size:24px; line-height:65px;}
#fl .nr{ padding:8px;}
#cp { width:925px; float:right; OVERFLOW: hidden; height:430px; margin:10px auto;}
#cp li{ margin:10px 8px; width:240px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#cp img{width:240px; height:180px; border:1px solid #dedede; padding:4px; background:#FFF;}

#box{ padding:13px 0; background:#303132; height:295px;}
#box .nav{ height:30px; line-height:30px; background:url(../Image/box_nav.jpg) no-repeat left center; padding-left:22px; margin-bottom:25px; color:#FFF; font-size:16px;}
#box .nr,#box .nr a{ color:#FFF; line-height:26px;}
#lxwm{ width:276px; float:left;}
#lxwm .nr{ padding:5px 15px;}
#jj{ width:450px; height:300px; float:left; padding:0 30px; border-left:1px solid #424242; border-right:1px solid #424242;}
#news{ width:380px; float:right}

#case{ height:300px; background:#004898}
#case .nav{ height:60px; line-height:60px; color:#FFF; font-size:16px;}

#end{ text-align:center; height:auto; min-width:1200px;  background:url(../Image/case.jpg) no-repeat top center #097ccb; padding-top:75px; color:#FFF;}
#end .end_a{ border:1px solid #FFF; color:#FFF; width:780px; margin:0 auto;height:46px; line-height:46px; }
#end a{color:#FFF}
#end .nr{ padding:18px 0; line-height:22px;}

#fl li{ height:45px;}
#fl li a{ display:block; line-height:42px; height:42px; background:#00a8ff; padding-left:42px; margin-bottom:3px;}
#fl li a:hover{ background:#ffd800; color:#000;}

#left{float:left; width:260px; color:#FFF;}
#left #fl{ float:none; height:auto; background:#ffffff}
#left #fl li a{ background:#35a0e9}
#left #fl li a:hover{ background:#ffd800; color:#000;}
#lx a{ color:#FFF;}

#company { width:925px; float:right; margin:26px 0; color:#FFF;}
#company .nav{ height:55px;}
#company .nav span{ font-size:24px; color:#FFF; float:left; font-weight:bold; height:55px; line-height:55px; text-transform:uppercase}

#company .nr{ padding:10px 0; font-size:16px; line-height:30px;}
#company a{ color:#FFF;}
/*public*/
#indexNews li{ line-height:33px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; background:url(../Image/news_li.jpg) no-repeat left center;}
#indexNews li:hover{border-bottom:1px solid #cecccc;}
#indexPro{height:215px; overflow:hidden; margin:0 auto;}
#indexPro li{ margin:10px 8px; width:240px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#indexPro img{width:240px; height:180px; border:1px solid #dedede; padding:4px; background:#FFF;}
.introImg{ float:left; margin-right:10px;}
.info_date{position:absolute; right:12px; top:0;_top:-8px;}
/*company*/
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 20px;color: #FFF;line-height: 38px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100; border: 1px solid #e8e8e8;color: #f1f1f1;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ margin:9px auto; text-align:center}
.news_tit_img img{ max-height:600px; max-width:600px;}
.pro_name{display:block;color:#FFF; font-size:18px; line-height:40px;text-align:center;}
/************产品*****************/
.produc{ width:100%; margin:0 auto; overflow:hidden}
.produc li{float:left;margin:0 5px 10px 5px; _margin:0 4px 8px 4px; width:220px; height:206px; _height:203px; text-align:center;}
.produc li img{ max-width:210px;_width:210px; max-height:157px;_height:157px;}
.produc li a{ display:block; width:210px; padding:5px; height:196px; color:#f0f0f0}
.produc li a:hover{ background:#328efd; color:#FFF;}
.food_name{display: block;color: #da020d;text-align: center;}
.info_img_detail{ text-align:center; margin:10px 0;}
.info_img_detail img{ width:400px;}
/************分页*****************/
.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;}
.page a{display: inline-block;height: 20px;line-height: 20px; padding: 0 2px;background: #464646;}
.page a:hover{background:#e1e1e1;color:#000;border:none;height:20px;line-height:20px;padding:1px 3px;}
.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}
/************留言*****************/
#company .rightinfo table{ background:#D2D4D6;margin:0 auto}
#company .rightinfo table td{ background:#FFF; padding:2px 5px;}
#company .nr table{margin-left:2px;}
#company .nr table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}
#company .nr table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}
#company .nr table td ul{list-style:none;position:absolute;}
#company .nr table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
#company .nr table td ul li a{display:block;text-decoration:none;color:#444444;}
#company .nr table td ul li a:hover{color:#fe7d0c;}
#company .nr table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
#company .nr table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr table td .yanzheng{width:101px;}
#company .nr table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
#company .nr table td .but{width:74px;height:31px;line-height:27px;background:#3398fe;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}
/************招聘*****************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs .but a{position:relative;top:-150px;background:#3398fe;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
.job_nam{ font-weight:700; color:#F00}
/*------------------menu-list--------------------*/
#graybar,.recruit_info_tit_bg{ height:33px; background:#e1e1e1;}
#graybar span,.recruit_info_tit{ width:100px; line-height:33px; text-align:center; display:block; color:#FFF; background:#3398fe; border-right:1px solid #FFF;}
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}