@charset "utf-8";

/* CSS Document */



@import url(reset.css);



.w-1000{ width:1000px; float:left; position:relative; left:50%; margin-left:-500px;}



header{ width:100%; height:176px; z-index:4; background:url(../images/header-bg.png) center no-repeat; position:absolute;}

header .w-1000 > a{ display:block; float:left; width:145px; height:122px; margin:54px 0 0 51px;}

header nav{ float:left; margin-top:77px; height:29px;}

header nav li{ width:125px; height:20px; float:left; border-left:1px solid #d10202; border-right:1px solid #8e0000;}

header nav li:first-child{ border-left:none;}

header nav li:last-child{ border-right:none;}

header nav li a{ display:block; width:100%; text-align:center; height:100%; padding:4px 0 5px; color:#fff; font-size:16px; line-height:1; font-family:"微软雅黑"; transition:all 0.6s;}

header nav li a:hover,header nav li a:focus,header nav li a.on{ background:url(../images/nav-hover.png) center no-repeat; position:relative;}

header .w-1000 > img{ position:absolute; top:25px; right:75px;}



.banner{ float:left; width:100%; position:relative; height:656px;}

.banner .d1{width:100%;height:656px;display:block;position:absolute;left:0px;top:0px;}



.pro{ width:100%; height:487px; float:left;}

.title{ margin:0 auto; width:100%; text-align:center;}

.pro .title{ margin-top:13px;}

.blk_18 { margin-top:41px; _display:inline; width:100%;; zoom: 1;  float:left; position:relative;}

.blk_18 .pcont {float: left; overflow: hidden; width:1006px; height:336px;}

.blk_18 .ScrCont {width:32766px; zoom: 1;}

.blk_18 #List1_1 {float: left; margin:2px 0 0 2px;}

.blk_18 #List2_1 {float: left; margin:2px 0 0 2px;}

.blk_18 .btn{ width:67px; height:63px; position:absolute; top:135px; background-position:center; background-repeat:no-repeat; cursor:pointer;}

.blk_18 .LeftBotton { background-image:url("../images/btn-left.png"); float:left; left:-114px;}

.blk_18 .RightBotton { background-image:url("../images/btn-right.png"); float:right; right:-114px;}

.blk_18 .pl{ display:block; width:217px; float:left; margin-right:18px; padding:9px; border:1px solid #e3e3e3; border-radius:15px; box-shadow:2px 2px 3px #e3e3e3,-2px -2px 3px #e3e3e3;}

.blk_18 .pl:nth-of-type(4n){ margin-right:18px;}

.blk_18 .pl img{ width:217px; height:271px; margin-bottom:11px;}

.blk_18 .pl div{ width:100%; height:28px;}

.blk_18 .pl div p{ width:70%; float:left; height:100%; text-align:left;}

.blk_18 .pl div p a{ font-size:16px; font-family:"微软雅黑"; line-height:28px; color:#393939;}

.blk_18 .pl div dt{ width:30%; float:left; margin:6px 0 5px;}

.blk_18 .pl div dt a{ width:29px; height:17px; display:block; float:right; background-image:url(../images/pro-into.png); background-repeat:no-repeat; background-position:center; transition:all 0.6s;}

.blk_18 .pl div dt a:hover{ background-image:url(../images/pro-into-hover.png);}



.main{ width:100%; height:2072px; float:left; background:url(../images/main-bg.jpg) center no-repeat; position:relative;}

.main1{ position:absolute; top:23px; left:0px; width:405px;}

.main1 ul{ margin-top:5px;}

.main1 ul li{ width:100%; height:45px; margin-top:26px; padding-left:70px; background:url(../images/num-bg.png) left center no-repeat;}

.main1 ul li em{ font-size:26px; font-family:Impact; color:#fffffe; line-height:45px; position:absolute; left:23px;}

.main1 ul li h2{ color:#fffffe; font-size:26px; line-height:26px; font-family:"微软雅黑";}

.main1 ul li p{ color:#ffffff; font-size:12px; line-height:19px; font-family:"微软雅黑";}

.main2{ position:absolute; top:575px; right:0px; width:389px;}

.main2 article{ width:100%; height:236px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; color:#373737; font-size:14px; line-height:26px; font-family:"微软雅黑";}

.main2 a{ display:block; float:right; width:103px; height:42px; text-align:center; color:#fff; font-size:14px; line-height:42px; font-family:"微软雅黑"; background:url(../images/btn-submit.png) center no-repeat; margin-top:12px;}

.main3{ position:absolute; top:1052px; left:0px; width:100%;}

.main3-left{ width:461px; float:left;}

.main3-left ul{ margin-top:21px; width:100%; border-top:3px solid #ba0000;}

.main3-left ul li{ width:100%; height:25px; padding:19px 0 15px; border-bottom:1px solid #bc0500;}

.main3-left ul li a{ display:block; width:100%; height:100%;}

.main3-left ul li a span{ display:inline-block; width:80px; text-indent:2px; line-height:25px; font-size:14px; font-family:"微软雅黑"; color:#363636;}

.main3-left ul li a strong{ display:inline-block; width:82px; line-height:25px; font-size:12px; font-family:"微软雅黑"; color:#fff; background:url(../images/news-li.png) center no-repeat; text-align:center; transition:all 0.6s;}

.main3-left ul li a p{ display:inline-block; width:299px; text-indent:20px; line-height:25px; font-size:14px; font-family:"微软雅黑"; color:#363636; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; transition:all 0.6s;}

.main3-left ul li:hover a strong{ background-image:url(../images/news-li-hover.png);}

.main3-left ul li:hover a p{ text-decoration:underline;}

.main3-right{ width:480px; float:left; margin:78px 0 0 59px;}

.main3-right ul li{ width:240px; height:152px; float:left;}

.main4{ position:absolute; top:1554px; left:0px; width:100%;}

.main4 ul{ width:488px; float:right; margin-top:44px;}

.main4 ul li{ width:100%; height:106px; background:url(../images/ad-bg.png) center no-repeat; margin-bottom:16px;}

.main4 ul li div{ margin:18px 0 0 42px; float:left;}

.main4 ul li div h4{ color:#5a2d1f; font-size:20px; line-height:20px; font-family:"微软雅黑";}

.main4 ul li div p{ color:#5a2d1f; font-size:14px; line-height:24px; font-family:"微软雅黑"; margin-top:8px;}



.main-bot{ width:100%; height:281px; float:left; background:url(../images/main-bot-bg.jpg) center no-repeat;}

.main-bot .w-1000{ margin-top:22px;}

.main-bot-left{ width:390px; float:left;}

.main-bot-left ul{ width:100%; height:54px; border-bottom:1px solid #e9a503;}

.main-bot-left ul li{ height:39px; float:left; position:relative;}

.main-bot-left ul li i{ display:inline-block; background-position:left center; background-repeat:no-repeat; height:39px; float:left;}

.main-bot-left ul li span{ color:#5a2d1f; font-size:22px; line-height:39px; font-family:"微软雅黑"; float:left;}

.main-bot-left ul li img{ width:0px; height:0px; opacity:0; position:absolute; top:39px; left:10px; transition:all 0.4s;}

.main-bot-left ul li i:hover ~ img,.main-bot-left ul li span:hover ~ img{ opacity:1; width:128px; height:128px;}

.main-bot-left ul li.wechat{ width:252px;}

.main-bot-left ul li.wechat i{ background-image:url(../images/icon-WeChat.png); width:60px;}

.main-bot-left ul li.weibo{ width:138px;}

.main-bot-left ul li.weibo i{ background-image:url(../images/icon-phone.png); width:35px;}

.main-bot-left dl{ width:100%; padding-top:18px; border-top:1px solid #ffc439;}

.main-bot-left dl dt{ width:100%; margin-bottom:19px;}

.main-bot-left dl dd{ color:#1b1b1b; font-size:14px; line-height:1; font-family:"微软雅黑"; margin-bottom:14px;}

.main-bot-left dl dd:nth-of-type(1){ font-size:16px; margin-bottom:20px;}

.main-bot-right{ width:536px; float:right; margin-right:35px;}

.main-bot-right form{ width:536px; height:138px; background:url(../images/feedback-bg.png) center no-repeat; margin-top:17px; position:relative;}

.main-bot-right form input,.main-bot-right form textarea{ color:#3d3d3d; font-size:14px; line-height:1.2; font-family:"微软雅黑";}

.main-bot-right form label:nth-of-type(1){ position:absolute; left:20px; top:9px; width:44px; height:20px; display:block;}

.main-bot-right form #name{ width:180px; height:19px; position:absolute; left:64px; top:9px; border:none; background:none;}

.main-bot-right form label:nth-of-type(2){ position:absolute; left:300px; top:9px; width:44px; height:20px; display:block;}

.main-bot-right form #tele{ width:180px; height:19px; position:absolute; left:344px; top:9px; border:none; background:none;}

.main-bot-right form label:nth-of-type(3){ position:absolute; left:20px; top:69px; width:44px; height:20px; display:block;}

.main-bot-right form #ly{ width:445px; height:60px; position:absolute; left:64px; bottom:6px; border:none; background:none;}

.main-bot-right form input[type=submit]{ width:103px; height:42px; background:url(../images/btn-submit.png) center no-repeat; border:none; cursor:pointer; position:absolute; bottom:-50px; left:calc(50% - 51px); color:#fff; font-size:14px; line-height:42px; font-family:"微软雅黑"; outline:none;}



footer{ width:100%; height:49px; float:left; background-color:#dc9b00;}

footer pre{ width:100%; text-align:center; color:#1b1b1b; font-size:14px; line-height:49px; font-family:"微软雅黑";}

footer pre a{ color:#1b1b1b; font-size:14px; line-height:49px; font-family:"微软雅黑"; transition:all 0.6s;}

footer pre a:hover{ text-decoration:underline;}



.banner-zy{ position:relative; width:100%; height:437px; background:url(../images/banner-zy.jpg) center no-repeat;}



.zy-center{ width:100%; height:auto; float:left; margin-bottom:35px;}

.center-left{ width:224px; float:left;}

.center-right{ width:745px; float:left; margin-left:31px;}

.left-nav{ width:100%; float:left;}

.left-nav dt{ width:100%; height:62px; float:left; background:url(../images/left-nav-title.png) center no-repeat; font:24px/62px "微软雅黑"; color:#fff; text-align:center; margin:15px 0 3px;}

.left-nav li{ width:100%; float:left; margin-top:10px;}

.left-nav li a{ display:block; width:100%; height:45px; font:16px/45px "微软雅黑"; color:#3d3d3d; text-align:center;  background:url(../images/left-nav-li.png) center no-repeat; transition:all 0.6s;}

.left-nav li a:hover{ background:url(../images/left-nav-hover.png) center no-repeat; color:#fff;}

.left-nav li a.left-hover{ background:url(../images/left-nav-hover.png) center no-repeat; color:#fff;}

.left-contact{ width:100%; float:left; height:92px; background:url(../images/left-contact.png) center no-repeat; margin-top:30px; position:relative;}

.left-contact p{ color:#4c4c4c; font-size:16px; font-family:"微软雅黑"; position:absolute; top:23px; left:92px;}

.left-contact h1{ color:#ae0000; font-size:22px; font-family:Impact, Arial, Helvetica, sans-serif; position:absolute; top:50px; left:87px;}

.location{ width:100%; height:52px; float:left; margin:21px 0 2px; border-bottom:1px solid #c00000;}

.location p{ width:50%; float:left; font:bold 20px/52px "微软雅黑"; color:#333333; text-indent:7px;}

.location em{ display:block; width:50%; float:left; text-align:right; font:14px/52px "微软雅黑"; color:#333333;}

.location em a{ color:#333333; transition:all 0.6s;}

.location em a:hover{ color:#c00000;}

.center-cont{ width:100%; float:left; font:14px/26px "微软雅黑"; color:#333333; border-top:2px solid #c00000;}

.content-cen{ width:100%; float:left; margin-top:10px;}



/*----------------------  招聘  ------------------*/

.job{ width:100%; border-spacing:inherit; border-collapse:collapse;}

.job td{ height:40px; font:14px/40px "微软雅黑"; text-align:center; border-bottom:1px dashed #d6d6d6;}

.job td a{ color:black; text-decoration:underline}

.job-title td{ border:1px solid #e6e6e6; color:#015099; background:url(../images/job-back.png) repeat;}



.job-content{ font:14px/30px "微软雅黑";}

.job-content dt{ width:100%;font:14px/40px "微软雅黑"; border:1px solid #e6e6e6; color:#015099; padding-left:20px; background:url(../images/job-back.png) repeat;}

.job-content dd span{ margin-right:35px;}

#jc-yao{ margin-top:10px;}

#jc-zhi{ font-weight:bold;}

#jc-add{ margin-top:30px;}



/*----------------------  新闻内容  ------------------*/

.zy-tit{ float:left; width:100%; font:18px/36px "微软雅黑"; text-align:center; color:#3e3d3d; margin-top: 5px;}

.time{ float: right; width:100%; text-align:center; font: 12px "微软雅黑"; color:#828282; margin-bottom: 5px;}

.time span{ padding:0 10px; }

.right-center-center{ float:left; width:100%; padding-top:8px; line-height:22px; color:#3e3d3d; padding-bottom: 15px; border-top:1px #999 dashed;}

/*----------------------  新闻列表  ------------------*/

.zy-news-list{ float:left; width:100%; }

.zy-news-list li{ float:left; width:100%; padding-bottom:1px; border-bottom:1px #e3e3e3 dashed; }

.zy-news-list li a{ float:left; display:block; width: 99%; height:18px; padding-top:13px; padding-bottom:13px; text-indent:17px; background: url(../images/news-tit.png) no-repeat 3px 18px; font:14px/18px "微软雅黑"; color:#3e3d3d; }

.zy-news-list li a:hover{ color:#BA0000;}

.zy-news-list li a p{ float:left; width:80%; }

.zy-news-list li a span{ float:right; width:19%; text-align:right; }



/*----------------------  产品展示  ------------------*/

.zy-img-list{ float:left; width:100%; overflow:hidden; }

.zy-img-list li{ float:left; width:211px; margin: 0 20px; }

.zy-img-list li:nth-of-type(3n){ margin-right:0;}

.zy-img-list li a{ display:block; float:left; width:100%; }

.zy-img-list li a:hover div{ border-color:#1B0B56; }

.zy-img-list li a div{ float:left; width:205px; height:148px; padding:2px; border:1px #e3e3e3 solid; }

.zy-img-list li a img{ width:205px; height:255px; padding:2px; border:1px #e3e3e3 solid; }

.zy-img-list li a p{ float:left; width:100%; font:14px/32px "微软雅黑"; text-align:center; color:#393939; }

.zy-photo-list{ float:left; width:100%; overflow:hidden; }

.zy-photo-list li{ float:left; width:211px; margin: 0 20px; }

.zy-photo-list li:nth-of-type(3n){ margin-right:0;}

.zy-photo-list li a{ display:block; float:left; width:100%; }

.zy-photo-list li a:hover div{ border-color:#1B0B56; }

.zy-photo-list li a div{ float:left; width:205px; height:148px; padding:2px; border:1px #e3e3e3 solid; }

.zy-photo-list li a img{ width:205px; height:136px; padding:2px; border:1px #e3e3e3 solid; }

.zy-photo-list li a p{ float:left; width:100%; font:14px/32px "微软雅黑"; text-align:center; color:#393939; }



/*----------------------  翻页  ------------------*/

.fanye{ float:left; width:100%; padding:10px 0 10px 0; color:#4b4b4b; text-align:center;}

.fanye a{ color:#4b4b4b; }

/*----------------------  上下页  ------------------*/

.list-fanye{ float:left; width:600px; padding:10px 0 10px 0; color:#4b4b4b; }

.list-fanye a{ color:#4b4b4b; }