@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:24px;color:#656565; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none;background:url(../Image/bodybg.jpg) repeat-x top;}
a{ color:#656565; 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:auto;overflow:hidden;}
.headergg{ width:100%; height:30px; line-height:30px; background-color:#f4f4f4;color:#666666;}
.headergg ul{ width:1200px; height:30px; margin:0 auto; color:#666666; font-size:12px;}
.headergg ul a{color:#666666;}
.headergg ul a:hover{ color:#cc0303; font-weight:bold;}
.headerggl{ float:left;background:url(../Image/topcont.png) no-repeat left; padding-left:26px;}
.headergg1{ width:auto;height:30px;}
.headergg4{width:auto;height:30px;}
.headergg5{ float:right;}


.allnav{ width:100%; height:110px;position:relative;}
.logo{ width:100%; height:110px;}
.logo ul{ width:1200px; height:110px; margin:0 auto; position:relative;}
.logol{ width:auto; height:auto; overflow:hidden; float:left;}
.logol a{ width:auto; height:110px; display:block;}
.logol a img{ padding-top:23px;}

.logor{ width:auto; height:51px; float:right; margin-top:34px; padding-left:45px;background:url(../Image/tel.png) no-repeat left;}
.logor1{ width:100%; height:23px; line-height:23px; display:block; color:#333333;}
.logor2{ width:100%; height:24px; line-height:24px; display:block; color:#d31200; font-size:26px;font-family:Impact;}

.nav{ width:100%; height:49px;}
.nav ul{ width:1200px; height:49px; line-height:49px; margin:0 auto;}
.nav a{ width:133px; height:49px; display:block; float:left; text-align:center; color:#202a33; font-size:16px;}
.nav a:hover{background-color:#e1001f; color:#FFF;}

#flash{ height:445px; width:100%; overflow:hidden; position:relative;}
.keywords{ width:100%; height:56px; position:relative; border-bottom:#eeeeee solid 1px;}
.keywordslrb{ width:748px; height:81px; position:absolute;left:-359px; top:-15px;background:url(../Image/searchbg.png) no-repeat bottom right;}
.keywords ul{ width:1200px; height:56px; margin:0 auto; position: relative;}
.keywords1{ width:810px; height:56px; float:right; color:#656565;line-height:56px;font-weight:bold; color:#393939;}
.keywords1 a{ color:#656565; font-weight:400; padding-left:15px; font-size:12px;}
.keywords1 a:hover{ text-decoration:underline;}

.search1{ width:319px;height:38px;background:url(../Image/search.jpg) no-repeat bottom right; float:left; margin-top:8px; position:relative; z-index:12;}
.search1 .txt{ width:245px; float:left; height:38px; line-height:38px;border:none; background:none;text-indent:10px; color:#999999;}
.search1 .but{ width:74px; height:38px; float:right;border:none;background:none;  cursor:pointer;}



.headerzy{ width:100%; height:atuo; overflow:hidden;}
.bannerzy{ width:100%; height:300px;background:url(../Image/bannerzy.jpg) no-repeat center; position:relative;}


/*-------------- index --------------*/
#warp{ width:100%; height:100%; overflow:hidden;padding-top:20px;}
.product{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.prolist{ width:245px; height:auto; overflow:hidden; float:left;}
.prolistlogo{ width:245px; height:84px;background:url(../Image/prologo.jpg) no-repeat left;}
.prolistcon{ width:100%; height:100%; overflow:hidden; background-color:#f7f7f7;}
.prolistcon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.prolistcon li{ width:100%; height:46px; border-bottom:#a3a3a3 solid 1px;}
.prolistcon li a{ width:100%; height:38px; line-height:38px; color:#202a33; text-indent:32px; display:block;background:url(../Image/proli.png) no-repeat 15px 15px; margin-top:6px;}
.prolistcon li a:hover{ background:url(../Image/prolih.png) no-repeat 20px 15px; background-color:#c33528; color:#FFF;border-radius:23px;}

.protely{ width:100%; height:122px; padding-top:20px; padding-bottom:30px;background:url(../Image/profbg.jpg) no-repeat center; background-color:#f7f7f7;}
.protely1{color: #FFF;width: 100%;height: 40px;line-height: 40px;display: block;padding-top:88px;text-align: center;font-size:27px;text-indent:60px; color:#202a33;font-family:impact;}

.procon{ width:935px; height:auto; float:right;}
/*产品滚动*/
#fczs_main{height: auto;}
.left1{ float:left;}
#fczs_gd{width:100%;height: auto;float:left;overflow:hidden;}
#fczs_gd ul{width:1285px;height: auto;}
#fczs_gd ul li{width:320px;height:299px;float:left;text-align:center;white-space:normal; word-break : break-all; word-wrap: break-word;}
#fczs_gd ul li a{ width:294px; height:269px; border:#f1f1f1 solid 1px; background-color:#f1f1f1; display:block; line-height:43px;}
.proconr1{ width:294px; height:228px; display:block; background-color:#FFF;}
.proconr2{ width:294px; height:228px; display:table-cell; vertical-align:middle; text-align:center;}
.proconr2 img{ max-width:294px; max-height:228px;}
#fczs_gd ul li a:hover{ background-color:#c60707;border:#c60707 solid 1px; color:#FFF;}

.company{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px;}
.companylogo{ width:592px; height:65px; line-height:65px; display:block; border-bottom:#d5d5d5 solid 1px; margin:0 auto; text-align:center;font-size:30px; font-weight:bold; position:relative;}
.companylogo1{ padding-right:15px;}
.companylogo2{ width:96px; height:3px; position:relative; top:-1px;background-color:#747474; margin:0 auto; display:block;}
.youshilogo1_1{ color:#c33528;}
.companycon{ width:100%; height:auto; padding-top:20px;}
.companyconl{ width:895px; height:auto; overflow:hidden; float:left; color:#4f4f4f; line-height:32px;}
.companyconl img{ float:left; padding-right:20px;}
.commore{ width:114px; height:30px; line-height:30px; display:block; float:right; padding-top:20px;}
.commore a{ width:114px; height:30px; display:block; border-radius:4px; background-color:#202a33; color:#FFF; text-align:center; font-size:12px;}
.commore a:hover{ background-color:#c41000;}

.companyconr{ width:266px; height:auto; float:right; background-color:#f7f7f7;}
.companyconrlogo{ width:100%; height:auto;}
.companyconrcon{ width:95%; height:auto; overflow:hidden; margin:0 auto; padding-top:10px; padding-bottom:10px; color:#202a33; line-height:32px;}

.news{ width:100%; height:auto; padding-top:20px;background:url(../Image/newsupbg.jpg) no-repeat center top; background-color:#eaedf1; position:relative; margin-top:30px;}
.newscon{ width:1200px; height:auto; margin:0 auto; padding-top:15px;}
.newscon>ul{ width:110%; height:auto; overflow:hidden; position:relative; padding-top:15px;}
.newsdivys{ width:550px; height:120px; float:left; padding-right:30px; padding-bottom:20px;}
.newsdivysimg{ width:172px; height:120px; float:left;border-radius:20px; overflow:hidden;}
.newsdivysimg img{ width:172px; height:120px; }
.newsdivyscon{ width:357px; height:120px; float:right;}
.newsdivyscon>a{width:100%; height:120px; display:block; color:#7c7c7c; line-height:20px;}
.newsdivyscon>a:hover{ text-decoration:none; color:#57697f;}
.newsdivyscon>a:hover .newsdivyscon1{background-color:#35549e; color:#FFF; text-indent:15px; transition:all 0.3s;}
.newsdivyscon1{ width:100%; height:30px;line-height:30px;display:block;font-weight:bold; color:#606060; text-indent:10px;transition:all 0.3s;}
.newsdivyscon2{ font-size:12px; padding-top:10px;}
.newsdivyscon3{ width:100%; height:30px; position:relative; top:-23px;}
.newsdivyscon31{ width:137px; height:26px; display:block; float:left; text-indent:20px; background-color:#35549e;color:#fff;}

.newsmore{ width:114px; height:30px; line-height:30px; display:block; margin:0 auto;}
.newsmore a{ width:114px; height:30px; display:block; border-radius:4px; background-color:#202a33; color:#FFF; text-align:center; font-size:12px;}
.newsmore a:hover{ background-color:#c41000;}

.case{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.casecon{ width:100%; height:auto; overflow:hidden; padding-top:20px;}
#pro_gd{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#pro_gd li{width:320px;height:299px;float:left;white-space:normal; word-break : break-all; word-wrap: break-word;}
#pro_gd li a{ width:294px; height:269px; border:#f9f9f9 solid 1px; background-color:#f9f9f9; display:block; line-height:43px;}
.proconr1{ width:294px; height:228px; display:block; background-color:#FFF;}
.proconr2{ width:294px; height:228px; display:table-cell; vertical-align:middle; text-align:center;}
.proconr2 img{ max-width:294px; max-height:228px;}
#pro_gd li a:hover{ background-color:#003f8a;border:#003f8a solid 1px; color:#FFF;}
.prowz{ width:90%; height:43px; display:block; margin:0 auto; text-indent:15px;}



/*-------------- contact ys --------------*/
.contys{ width:42%; height:100%; overflow:hidden; float:left;}
.contyscon{ width:90%; height:auto; margin:0 auto; padding-top:20px;}
.contysconup{ width:100%; height:auto;}
.contysconup li{ width:100%;line-height:40px; color:#5c5b5b; border-bottom:#d6d6d6 dotted 1px;}
.contysconup li a{ color:#5c5b5b;}

.contysconf{ width:100%; height:auto; padding-top:15px;}
.contysconf li{ width:100%; height:32px; line-height:32px; text-indent:30px;}
.contysconf1{background:url(../Image/contel.jpg) no-repeat left;color:#09b88f; font-weight:bold;}
.contysconf2{background:url(../Image/conmail.jpg) no-repeat left;color:#09b88f;font-weight:bold;}
#allmap {width:455px;height: 340px;overflow: hidden;margin: 20px;border: 1px solid black;float:left;}
#allmap p {line-height: 10px;margin: 10px;}

/*-------------- contact end --------------*/

/*-------------- left --------------*/
.allleft{ width:250px; height:100%; overflow:hidden; float:left;padding-bottom:50px;}
.lprolist{ width:250px; height:100%; background-color:#0051ac; float:left;}


/*-------------- end --------------*/
.end{ width:100%; height:162px; background-color:#e8e8e8; float:left;}
.foot{ width:1200px; height:110px; padding-top:20px; margin:0 auto; position:relative;}
.footlp{ width:355px; height:auto; top:30px; position:absolute;}

.footl{ width:555px; height:70px; float:left; padding-left:408px; font-size:12px;}
.footlup{ width:100%; height:auto;}
.footlup a{ width:73px; height:32px; display:block; line-height:32px; float:left; color:#5e5e5e;}
.footlup a:hover{ text-decoration:underline;}
.footlf{ width:100%; height:auto; color:#5e5e5e;}
.footlf a{color:#5e5e5e;}
.footr{ width:176px; height:auto;float:right;}
.footr1{ float:left; text-align:right; color:#5e5e5e; padding-top:15px; font-size:12px;}
.footr2{ width:102px; height:102px; display:block; float:right;}
.footr2 img{width:102px; height:102px;}

.footf{ width:100%; height:32px; line-height:32px; background-color:#161617; font-size:12px; text-align:center; color:#999999;}

.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:#454545;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:#e0001d;}
.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:-145px;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: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{ min-width:350px; 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:#0051ac;}
.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:#0051ac; 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:#0051ac; 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:#0051ac; float:left; padding-top:15px;}
.pronrupr3{ width:100%; height:auto; display:block; padding-top:20px;}

/*public  ----产品内容页*/

.zynav{ width:100%; height:51px; line-height:51px; border-bottom:#0051ac 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: #0051ac;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:279px;float:left; text-align:center;}
.produc li a{width:274px; height:249px; border:#f0f0f0 solid 5px; display:block; line-height:43px;}
.produc li a:hover{ background-color:#008fe9;border:#008fe9 solid 5px; color:#FFF;}
.proconr1_{ width:274px; height:208px; display:block; background-color:#FFF;}
.proconr2_{ width:274px; height:208px; display:table-cell; vertical-align:middle; text-align:center;}
.proconr2_ img{ max-width:274px; max-height:208px;}




.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;}
#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:#0051ac; 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:#0352ac;}


 #con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:95%; margin:0 auto; margin-bottom:20px;}
      #con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }
      #con_lx p:hover{ background:#39354c; color:#fff; border-bottom:1px solid #ccc; padding-left:30px;}