@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:24px;color:#666666; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none;}
a{ color:#666666; text-decoration:none; cursor:pointer;transition:all 0.3s;}
a:hover{ text-decoration:none;transition:all 0.3s;}
ul {list-style: none;}
li{ list-style-type:none;}
img{border:0;}


/*-------------- top --------------*/
.header{ width:100%; height:649px;overflow:hidden;}
.headergg{ width:100%; height:26px; line-height:26px; background-color:#f7f7f7;}
.headergg ul{ width:1200px; height:26px; margin:0 auto; color:#888888; font-size:12px;}
.headerggl{ float:left;background:url(../Image/topggbg.png) no-repeat left; padding-left:20px;}
.headergg2{ float:right;}
.headergg2 a{ color:#666666;}
.headergg2 a:hover{ text-decoration:underline;}
.allnav{ width:100%; height:100px;position:relative; z-index:9999;}
.logo{ width:100%; height:100px;}
.logo ul{ width:1200px; height:100px; margin:0 auto;}
.logol{ width:auto; height:auto; overflow:hidden; float:left;}
.logol a{ width:auto; height:auto; display:block; padding-top:18px;}
.logol1{ width:auto; height:auto;display:block; float:left;}


.logor{ width:166px; height:51px; float:right; margin-top:32px; padding-left:47px;background:url(../Image/tel.png) no-repeat left;}
.logor1{ width:100%; height:20px; line-height:20px; display:block; color:#363636;}
.logor2{ width:100%; height:24px; line-height:24px; display:block; color:#d80000;font-size:24px;font-family:Impact;}

.nav{ width:100%; height:50px; background-color:#0061da}
.nav ul{ width:1200px; height:50px; line-height:50px; margin:0 auto;}
.nav a{ width:170px; height:50px; display:block; float:left; text-align:center; color:#fff;}
.nav a:hover{color:#fff; background-color:#007be3;}

#flash{ height:470px; width:100%; overflow:hidden; position:relative;}
.keywords{ width:100%; height:46px;position:relative; border-bottom:#eeeeee solid 1px;}
.keywords ul{ width:1200px; height:46px; margin:0 auto;}
.keywords1{ width:810px; height:46px; float:left; color:#5f5f5f;line-height:46px;font-weight:bold; color:#393939;}
.keywords1 a{ color:#393939; font-weight:400; padding-right:15px;}
.keywords1 a:hover{ text-decoration:underline;}

.search1{ width:261px;height:30px;float:right; margin-top:8px;}
.search1 .txt{ width:200px; float:left; height:30px; line-height:30px;border:none; background:none;text-indent:10px; color:#999999;}
.search1 .but{ width:60px; height:30px; float:right;border:none;background:none;  cursor:pointer;}



/*-------------- index --------------*/
#warp{ width:100%; height:100%; overflow:hidden; padding-top:30px;}
.prologo{ width:100%; height:77px;background:url(../Image/prologobg.jpg) repeat-x top; text-align:center;}
.allprocon{ width:100%; height:742px;background:url(../Image/probg.jpg) repeat-x bottom;}

.productscon{ width:1200px; height:auto; margin:0 auto;}
/* 本例子css */
		.slideTxtBox{ width:1200px; height:auto; overflow:hidden; padding-top:11px;}
		.slideTxtBox .hd{ width:100%; margin:0 auto; height:37px; line-height:37px;position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute;}
		.slideTxtBox .hd ul li{ float:left; width:158px; height:37px; margin-right:4px; font-size:16px;cursor:pointer;background-color:#0061da; text-align:center;}
		.slideTxtBox .hd ul li a{ width:158px; height:37px; display:block;  color:#FFF;}
		.slideTxtBox .hd ul li.on{ height:37px;  background:#d80000;}
.bdfys{ width:1200px;  overflow:hidden; position:relative; padding-top:29px;}
.bdfys .bdf dl{ overflow:hidden; zoom:1; }

		
.bdf{ width:100%; height:336px; margin:0 auto; overflow:hidden;}
.bdf dl{ float:left;width:297px; height:336px;}
.bdf dl a{ width:277px; height:336px; display:block;background-color:#e3f0ff;}
.bdf dl a:hover{ background-color:#0061da; color:#fff;}
.bdfimg{ width:277px; height:236px; display:table-cell; vertical-align:middle; text-align:center; background-color:#FFF;}
.bdf img{max-width:277px; max-height:236px;}
.bd1_2{ width:100%; height:30px; line-height:30px; display:block; color:#444444; text-indent:20px; padding-top:22px;}
.bd1_3{ width:100%; height:30px; line-height:30px; display:block; color:#0061da;text-indent:20px;}

.bdf dl a:hover .bd1_2{ color:#FFF;}
.bdf dl a:hover .bd1_3{ color:#ffd200;}

.morepro{ width:1200px; height:215px; margin:0 auto; padding-top:20px;}
.moreprol{ width:1126px; height:auto; overflow:hidden; float:left;}
#pro_gd{ width:100%; height:213px; margin:0 auto; overflow:hidden; text-align:center; line-height:18px;}
#pro_gd li{width:265px; height:213px; float:left;}
#pro_gd li a{width:235px; height:213px; display:block; position:relative; overflow:hidden;}
.moreproimg{width:235px; height:213px; display:block;}
.moreproimg img{width:235px; height:213px;}
.moreprowz{ width:100%; height:40px; line-height:40px; display:block; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; color:#FFF; text-align:center; left:-240px;transition:all 0.8s;}
.moreprowzr{ width:61px; height:61px; display:block; position:absolute; bottom:0px; right:0px; z-index:1;}
#pro_gd li a:hover .moreprowz{ left:0px; transition:all 0.8s;}

.morepror{ width:55px; height:210px; float:right;}

.comlogo{ width:100%; height:68px; border-top:#0061da solid 1px; position:relative;}
.comlogo1{ width:383px; height:68px; display:block; margin:0 auto; position:relative;}
.comlogo1_1{ width:383px; height:68px; display:block; position:absolute; top:-40px;}
.comcon{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:20px;}
.comconl{ width:760px; height:auto; float:left;}
.comconlup{ width:100%; height:auto; padding-bottom:25px; border-bottom:#e0e0e0 solid 1px;}
.comconlup1{ width:100%; height:60px; display:block; line-height:60px; color:#0061da; font-size:24px; font-weight:bold;}
.comconlup2{ width:100%; height:auto; color:#666666;}

.comconlf{ width:100%; height:auto; padding-top:20px;}

.newscon{ width:100%; height:auto;}
.newsconl{ width:298px; height:261px; float:left;}
.newsconl a{ width:298px; height:261px; display:block; overflow:hidden; position:relative;}
.newsconlimg{width:298px; height:261px; display:block; overflow:hidden;}
.newsconl img{ width:298px; height:261px;transition:all 0.3s;}
.newsconl1{ width:298px; height:77px; line-height:77px; display:block; position:relative; top:-77px;background-color:rgba(0,0,0,0.7); color:#FFF; font-size:12px; text-align:center;transition:all 0.3s;}
.newsconl2{ width:33px; height:33px; line-height:33px; display:block; position:absolute; top:0px; right:0px; background-color:#3ea838; font-size:12px; color:#FFF; text-align:center;}
.newsconl3{width:33px; height:33px; line-height:33px; display:block; position:absolute; top:34px; right:0px; background-color:#3ea838; font-size:12px; color:#FFF; text-align:center;}
.newsconl a:hover .newsconl1{ background-color:#0061da; text-indent:5px;transition:all 0.3s;}
.newsconl a:hover img{transform:scale(1.1);transition:all 0.3s;}

.newsconr{ width:462px; height:auto; overflow:hidden; float:right;}
.newsconr li{ width:100%; height:77px; padding-bottom:15px;}
.newsconr li a{ width:100%; height:77px;display:block;}
.newsconr li a:hover{ background-color:#f8f6f6;}
.newst{ width:77px; height:77px; display:block; float:left; background-color:#006fbb;transition:all 0.3s;}
.newst_1{ width:100%; height:30px; line-height:30px; display:block; font-size:36px; color:#fff; text-align:center; padding-top:14px;transition:all 0.3s;}
.newst_2{ width:100%; height:20px; line-height:20px; display:block; font-size:12px; text-align:center; color:#fff;transition:all 0.3s;}
.news li a:hover .newst{ background-color:#30ab5c;transition:all 0.3s;}
.news li a:hover .newst_1,.news li a:hover .newst_2{ color:#FFF;transition:all 0.3s;}
.news_con{ width:371px; height:26px; line-height:26px; color:#006fbb; font-weight:bold; float:right;display:block; padding-top:6px;}
.news_con2{ width:371px; height:auto; line-height:20px;font-size:12px; float:right; overflow:hidden;}

.comconr{ width:418px; height:492px; float:right;}

.caselogo{ width:100%; height:62px;background:url(../Image/prologobg.jpg) repeat-x bottom; text-align:center;}
.casecon{ width:1200px; height:auto; padding-top:20px; margin:0 auto; overflow:hidden; padding-bottom:30px;}


/*-------------- left --------------*/
.allleft{ width:250px; height:100%; overflow:hidden; float:left;padding-bottom:50px;}
.prolist{ width:250px; height:100%; background-color:#0061da; float:left; padding-bottom:10px;}
.prolistlogo{ width:100%; height:auto; text-align:center; overflow:hidden; padding-bottom:15px;}
.prolistlogo1{ width:100%; height:auto; display:block; padding-top:15px; color:#FFF; font-size:24px;}
.prolistlogo2{ width:100%; height:auto; display:block; color:#a3cea3;}
.prolistcon{ width:248px; height:auto; overflow:hidden; background-color:#f9f9f9; position:relative; border:#cccccc solid 1px;}
.prolistcon li{ width:100%; height:51px; line-height:51px;}
.prolistcon li a{ width:100%; height:51px; display:block; text-indent:73px;background:url(../Image/prolibg.jpg) no-repeat bottom;}
.prolistcon li a:hover{background:url(../Image/prolih.png) no-repeat bottom; color:#FFF; position:relative;}

.procont{ width:90%; height:auto; display:block; padding-top:20px; margin:0 auto;}
.procont li{ width:100%; height:auto; color:#FFF; font-size:12px; line-height:28px;}
.procont li a{ color:#FFF;}

/*-------------- end --------------*/
.end{ width:100%; height:auto; background-color:#0061da; overflow:hidden;float:left;color:#FFF;}
.footup{ width:1200px; height:222px; margin:0 auto; padding-bottom:20px; overflow:hidden;}
.footlogo{ width:321px; height:100%;float:left;}
.footlogo1{ width:321px; height:94px; padding-top:30px; display:block;}
.footlogo2{ width:100%; height:auto; display:block; padding-top:6px; line-height:44px; font-size:43px; color:#ffd200; font-style:italic;}

.footupl{ width:86px; height:166px; float:left;margin-top:30px; padding-left:49px;}
.footupl1{ width:100%; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupl2{ width:100%; height:auto; display:block; font-size:13px;}
.footupl2 a{ width:86px; height:30px; line-height:30px; display:block; color:#8ebeff; float:left;}
.footupl2 a:hover{ background-color:#8ebeff; color:#000; text-indent:5px;}

.footupc{ width:119px; height:166px; float:left; margin-left:10px;margin-top:30px;}
.footupc1{ width:100%;height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupc2{width:100%; height:auto; display:block;font-size:13px;}
.footupc2 a{ width:100%; height:30px; line-height:30px; display:block; color:#8ebeff; float:left;}
.footupc2 a:hover{ background-color:#8ebeff; color:#000; text-indent:5px;}

.footupc_{ width:258px; height:166px; float:left; margin-left:10px;margin-top:30px; padding-left:19px;}
.footupc_1{width:100%;height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupc_2{ width:100%; height:auto; display:block; color:#8ebeff; font-size:12px; line-height:24px;}
.footupc_2 a{color:#8ebeff;}

.footcenr{ width:160px; height:auto; float:right; display:block; text-align:center; line-height:32px; color:#fff;}
.footcenr img{ width:137px; height:137px; padding-top:20px;}

.footf{ width:100%; height:41px; line-height:41px; background-color:#434343; text-align:center; color:#767373; font-size:12px;}
.footf a{ color:#767373;}
.footf a:hover{ text-decoration:underline;}


.qqkefu{position: fixed; bottom:60px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:9999;right:0;width:45px}
.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1b1b1d;line-height:45px;font-size:14px;cursor:pointer;position:relative}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#c9112c;}
.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:url(../Image/top.png) no-repeat center; height:51px;position:relative;width:45px;cursor:pointer}
.qqkefu ul li.top:hover span{background:url(../Image/czx2_hover.png) no-repeat center}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../Image/czx4.png) no-repeat center;}
.qqkefu ul li b.b{background:url(../Image/czx3.png) no-repeat center;}
.qqkefu ul li b.c{background:url(../Image/czx5.png) no-repeat center;}
.erweima{/*width: 390px;*/height: 150px;position: absolute;top: -107px;left:-142px;background: #FFF;border: 1px solid #CCC;float: right;cursor: default !important;display:none}
.erweima p{line-height: 20px;color: #000;font-size: 12px;text-align: center;float: left;width: 130px;}
.erweima p img{width: 110px;height: 110px;margin: 10px 10px 0px 10px;}
.erweima .arrow3{width: 5px;height: 10px;display: block;background:url(../Image/czx6.png) no-repeat;position: absolute;right: -5px;top: 122px;}

/*public*/
#main{ width:1200px; height:100%; margin:0 auto;overflow:hidden; position:relative; margin-top:25px;margin-bottom:30px;}
#company{ width:916px; height:100%;overflow:hidden; float:right;}
.nr{padding:20px 10px 10px 10px;}
.nr table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.nr tr:first-child{ background-color:#f4f4f4; font-weight:bold}
.nr table th,.nr table td{ padding:5px;border:1px solid #dedede;} 
.nr tr{text-align: center;}
.nr tr:nth-child(odd){background-color:#e2f4f9}

/*public  ----产品内容页*/
.pronrup{ width:100%; height:100%; overflow:hidden; padding-bottom:25px;}
.pronrupl{ max-width:465px; height:auto; overflow:hidden; float:left; padding-right:20px;}
.pronrupl img{ max-width:460px;max-height:422px; border:#ededed solid 1px; padding:2px;}
.pronrupr{ max-width:391px; height:auto; overflow:hidden; float:left;}
.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#0061da;}
.pronrupr1_1{ color:#999;}
.pronrupr1_3{color:#999;}
.pronrupr2{ width:351px; height:100%; display:block; overflow:hidden; padding:10px;background-color:#f2f2f2; margin-top:15px;}
.pronrupr2_1{ width:40%; height:42px; line-height:42px; text-align:center; display:block; float:left;}
.pronrupr2_1 a{ width:100%; height:42px; display:block;color:#323232;background:url(../Image/QQ.png) no-repeat 10px 10px; background-color:#f4f4f4;display:block; float:left; border:#cecece solid 1px; border-radius:8px;}
.pronrupr2_1 a:hover{ color:#000;background:url(../Image/QQ.png) no-repeat 10px -30px; background-color:#0061da; color:#FFF;}
.pronrupr2_2{ width:50%; height:auto; display:block; float:left; padding-bottom:10px; padding-left:10px;}
.pronrupr2_2 a{ width:140px; height:42px; line-height:42px; text-align:center; display:block;color:#323232;background-color:#f4f4f4;display:block; float:left; border:#cecece solid 1px; border-radius:8px;}
.pronrupr2_2 a:hover{background-color:#0061da; color:#FFF;}
.pronrupr2_3{ width:170px; height:auto; display:block; float:left; padding-top:15px;}
.pronrupr2_4{ width:181px; height:auto; display:block; line-height:38px;font-size:24px; font-family:Impact; color:#0061da; float:left; padding-top:15px;}
.pronrupr3{ width:100%; height:auto; display:block; padding-top:20px;}


.fczs_gimg{ width:286px; height:214px; display:block; background-color:#FFF;}
.fczs_gimg1{width:286px; height:214px; display:table-cell; text-align:center; vertical-align:middle;}
.fczs_gimg1 img{max-width:286px; max-height:214px;}

/*public  ----产品内容页*/

.zynav{ width:100%; height:51px; line-height:51px; border-bottom:#0061da solid 8px;}
.zynav1{ width:187px; height:51px;border-bottom:#57697f solid 8px; float:left; color:#57697f; font-size:20px;}
.zynav2{ float:right; color:#999999; padding-right:15px; font-size:12px;}
.zynav2 a{ color:#999999;}
.zynav2 a:hover{text-decoration:underline;}
#indexNews li{ line-height:33px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; }
#indexNews li a{ width:100%; height:33px; display:block;} 
#indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1}
#indexPro{height:215px; overflow:hidden; margin:0 auto;}
#indexPro li{ margin:10px; width:215px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#indexPro li img{ border:2px solid #ffb913; width:215px; height:165px; }
.introImg{ float:left; margin-right:10px;}
.info_date{ float:right; padding-right:10px;}
/*company*/
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 16px;color: #0061da;line-height: 30px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;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:#da020d;text-align:center;}
/************产品*****************/
.produc{width:100%;height: auto;float:left;overflow:hidden;}
.produc li{width:298px;height:267px;float:left;white-space:normal; word-break : break-all; word-wrap: break-word;}
.produc li a{width:286px;height:251px; border:#e2e2e2 solid 1px; background-color:#e2e2e2; display:block; line-height:40px; text-align:center;}
.produc li a:hover{color:#fff; text-decoration:none;border:#0061da solid 1px; background-color:#0061da;}



.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;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;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; text-align: center;}
#company .nr1 table{margin-left:2px;}
#company .nr1 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 .nr1 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 .nr1 table td ul{list-style:none;position:absolute;}
#company .nr1 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 .nr1 table td ul li a{display:block;text-decoration:none;color:#444444;}
#company .nr1 table td ul li a:hover{color:#fe7d0c;}
#company .nr1 table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
#company .nr1 table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr1 table td .yanzheng{width:101px;}
#company .nr1 table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr1 table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
#company .nr1 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; margin-bottom: 10px;}
#graybar span,.recruit_info_tit{ width:100px; line-height:33px; text-align:center; display:block; color:#FFF; background:#0061da; border-right:1px solid #FFF;}
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
#prev_next li a:hover{ color:#008400;}