@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1220px; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ position:relative; z-index:9;}
.header .head{ width:1200px; height:88px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:block; height:88px;}
.header span.tel{ display:block; line-height:88px; color:#000; font-size:14px; font-weight:bold; background:url(../images/common/head_tel.png) left center no-repeat; padding-left:24px; float:right; margin:0 0 0 18px;}

/*导航*/
ul.nav{ display:block; height:88px; float:right;}
ul.nav li{ display:block; padding:30px 0; float:left; position:relative;}
ul.nav li a{ display:block; line-height:28px; color:#000; font-size:15px; font-weight:bold; text-align:center; padding:0 16px; margin:0 8px;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:#000; border-radius:14px;}
ul.nav li p.sub{ display:none; width:116%; background:#f5f5f5; padding:1px 0 0; position:absolute; left:-8%; top:100%;}
ul.nav li p.sub a{ line-height:40px; color:#000; font-size:14px; font-weight:normal; background:none; padding:0; margin:0;}
ul.nav li p.sub a:hover{ color:#fff; background:#000; border-radius:0;}

/*banner*/
.banner{ height:420px; background-size:cover !important; overflow:hidden;}

/*底部*/
.footer{ padding:28px 0 10px; border-top:1px solid #000;}
.footer .foot{ width:1200px; margin:0 auto; overflow:hidden;}
.footer .code{ width:110px; line-height:40px; color:#999; font-size:14px; text-align:center; overflow:hidden; padding:16px 0 0; float:right;}
.footer .code img{ display:block; width:110px; height:110px; margin:0 auto;}
.footer dl{ display:block; overflow:hidden; float:left; margin:0 140px 0 0;}
.footer dl dt{ display:block; line-height:66px; font-size:18px; font-weight:bold; overflow:hidden;}
.footer dl dt a{ color:#000;}
.footer dl dt a:hover{ color:#000;}
.footer dl dd{ display:block; line-height:30px; color:#000; font-size:14px; overflow:hidden;}
.footer dl dd a{ color:#000;}
.footer dl dd a:hover{ color:#000;}

.footer .telphone{ width:274px; padding:20px 0 0; float:right;}
.footer .telphone p{ display:block; overflow:hidden; padding:0 0 28px;}
.footer .telphone p img{ display:block; height:42px; float:left; margin-right:12px;}
.footer .telphone p em{ display:block; line-height:18px; color:#000; font-size:13px; overflow:hidden;}
.footer .telphone p span{ display:block; line-height:24px; color:#000; font-size:24px; overflow:hidden;}

.footer .copyright{ line-height:26px; color:#999; font-size:14px; text-align:center; overflow:hidden; padding:36px 0 14px; clear:both;}
.footer .copyright a{ color:#999;}
.footer .copyright a:hover{ color:#000;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:30px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70); z-index:999;}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

/*主体样式*/
.main{ min-height:360px; overflow:hidden; position:relative;}
.main p.position{ line-height:84px; color:#999; font-size:14px; text-align:right; padding:4px 0 0; border-bottom:1px solid #ddd;}
.main p.position span{ display:block; color:#000; font-size:24px; font-weight:bold; float:left;}
.main p.position em{ padding-left:26px; background:url(../images/common/home.png) left center no-repeat;}
.main p.position a{ color:#999;}
.main p.position a:hover{ color:#000;}

.main ul.menu{ display:block; text-align:center; overflow:hidden; border-bottom:1px solid #000;}
.main ul.menu li{ display:inline-block; *display:inline; *zoom:1; width:234px; line-height:50px; color:#000; font-size:15px; vertical-align:top; overflow:hidden;}
.main ul.menu li span{ display:block; float:left;}
.main ul.menu li:first-child span{ display:none;}
.main ul.menu li a{ display:block; color:#000; text-align:center; overflow:hidden;}
.main ul.menu li a:hover{ font-weight:bold;}
.main ul.menu li.cur a{ font-weight:bold; text-decoration:underline;}

/*左侧样式*/
.leftCon{ width:254px; height:auto; padding:26px 0 0; float:left; margin-right:50px;}
.leftCon h2{ display:block; font-weight:normal; position:relative; margin:0 10px 0 0;}
.leftCon h2 em{ display:block; line-height:68px; color:#fff; font-size:24px; text-align:center; background:#008dd8; position:relative; z-index:2;}
.leftCon h2 i{ display:block; width:100%; height:100%; background:#f2e5e1; position:absolute; left:10px; top:10px; z-index:1;}
.leftCon ul.list{ display:block; overflow:hidden; padding:22px 0 20px;}
.leftCon ul.list li{ display:block;}
.leftCon ul.list li a{ display:block; padding:10px 10px 10px 0; border-left:1px solid #ddd; position:relative; margin:0 0 0 7px;}
.leftCon ul.list li a em{ display:block; width:9px; height:9px; background:#fff; border:3px solid #008dd8; border-radius:50%; position:absolute; left:-7px; top:50%; margin-top:-7.5px;}
.leftCon ul.list li a span{ display:block; line-height:40px; color:#000; font-size:17px; padding:0 0 0 48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/common/left_list.png) right center no-repeat;}
.leftCon ul.list li a:hover span{ color:#008dd8;}
.leftCon ul.list li.cur a span{ color:#008dd8; background-color:#f2e5e1;}
.leftCon ul.yuyue{ display:block; overflow:hidden;}
.leftCon ul.yuyue li{ display:block; padding:0 0 22px;}
.leftCon ul.yuyue li a{ display:block; background:#000; position:relative; overflow:hidden;}
.leftCon ul.yuyue li a em{ display:block; width:100%; height:100%; line-height:26px; color:#a6a6a6; font-size:14px; text-transform:uppercase; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.leftCon ul.yuyue li a em b{ display:block; line-height:36px; color:#fff; font-size:20px; padding:24px 0 0;}
.leftCon ul.yuyue li a img{ display:block; width:100%; height:110px; opacity:0.4; filter:alpha(opacity:40); zoom:1;}

/*内容样式*/
.main .attr{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.main .attr h2.title{ display:block; line-height:146px; color:#000; font-size:36px; text-align:center;}
.main .attr h3.title{ display:block; line-height:48px; color:#000; font-size:24px; font-weight:normal; text-align:center; padding:36px 0 10px;}
.main .attr p.mark{ display:block; line-height:32px; color:#999; font-size:14px; text-align:center; padding:8px 0 16px; border-bottom:1px dashed #ddd; margin:0 0 20px;}
.main .article{ line-height:2.25; color:#000; font-size:16px; font-weight:normal; overflow:hidden; padding:12px 0 52px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto;}

.main p.num{ display:block; overflow:hidden; padding:12px 0 72px;}
.main p.num span{ display:block; width:300px; line-height:50px; color:#999; font-size:16px; text-align:center; position:relative; float:left;}
.main p.num span em{ display:block; height:76px; line-height:76px; color:#000; font-size:50px; font-family:Impact;}
.main p.num span em sup{ line-height:1; font-size:30px; margin:0 -21px 0 6px;}
.main p.num span em sub{ line-height:1; font-size:34px; font-weight:bold; font-family:"黑体"; margin:0 0 0 6px; vertical-align:baseline;}
.main p.num span em font{ line-height:1; font-size:26px; font-family:"微软雅黑"; margin:0 0 0 6px;}
.main p.num span i{ display:block; width:1px; height:68px; background:#dfdfdf; position:absolute; left:0; top:22px;}
.main p.num span:first-child i{ display:none;}

.lvli{ background:#f1f1f1; padding:68px 0;}
.lvli ul.tab{ display:block; float:left; padding:54px 116px 54px 206px;}
.lvli ul.tab li{ display:block; width:244px; height:68px; padding:28px 0;}
.lvli ul.tab li a{ display:block; height:68px; line-height:68px; color:#000; font-size:24px; text-align:center; border:2px solid #000; position:relative; margin:0 6px;}
.lvli ul.tab li.cur a{ color:#fff; background:#000;}
.lvli ul.tab li.cur a i{ display:block; width:10px; height:16px; background:url(../images/icons/arrow.png) no-repeat; position:absolute; right:-12px; top:50%; margin-top:-8px;}
.lvli ul.list{ display:none; min-height:484px; padding:4px 0; overflow:hidden; position:relative;}
.lvli ul.list li{ display:block; overflow:hidden; position:relative; z-index:3;}
.lvli ul.list li.line{ display:block; width:2px; height:100%; background:#000; position:absolute; left:5px; top:0; z-index:1;}
.lvli ul.list li a{ display:block; line-height:44px; color:#000; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lvli ul.list li a i{ display:block; width:8px; height:8px; background:#000; border:2px solid #fff; border-radius:50%; float:left; margin:16px 64px 0 0;}
.lvli ul.list li a b{ margin-right:44px;}

/*文章切换*/
.main .change{ overflow:hidden; padding:8px 0 0; margin:0px 0 48px; border-top:1px dashed #ddd;}
.main .change p{ display:block; width:46%; line-height:52px; color:#000; font-size:14px; overflow:hidden; text-align:right; white-space:nowrap; text-overflow:ellipsis; margin:0 2%; float:left;}
.main .change p:first-child{ text-align:left;}
.main .change p a{ color:#000;}
.main .change p a:hover{ font-weight:bold; text-decoration:underline;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 74px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16px; color:#000; height:24px; line-height:24px; text-align:center; padding:5px 11px; border:2px solid #000; margin:0 8px;}
.pages a:hover{ color:#fff; background:#000;}
.pages span{ color:#fff; background:#000;}

/*荣誉列表*/
.main ul.honorList{ display:block; overflow:hidden; margin:-14px -10px 54px;}
.main ul.honorList li{ display:block; width:20%; overflow:hidden; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; padding:16px; margin:14px;}
.main ul.honorList li a img{ display:block; width:100%; height:252px; box-shadow:4px 4px 8px 0 rgba(0,0,0,0.3);}

/*照片列表*/
.main ul.photoList{ display:block; overflow:hidden; margin:10px -10px 20px;}
.main ul.photoList li{ display:block; width:33.33%; *width:33.3%; position:relative; float:left;}
.main ul.photoList li a{ display:block; margin:0 10px 30px;}
.main ul.photoList li a img{ display:block; width:100%; height:292px;}
.main ul.photoList li a span{ display:block; line-height:66px; color:#000; font-size:14px; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.photoList li a:hover span{ text-decoration:underline;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:12px -21px 42px;}
.main ul.proList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; background:#efefef; overflow:hidden; margin:0 21px 48px;}
.main ul.proList li a img{ display:block; width:100%; height:320px;}
.main ul.proList li a span{ display:block; line-height:40px; color:#000; font-size:16px; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 20px;}
.main ul.proList li a:hover span{ color:#000; background:#efefef;}

/*产品详情*/
.proInfo{ width:1200px; overflow:hidden; padding:54px 0 0; margin:0 auto;}
.proInfo img.pic{ display:block; width:650px; height:454px; float:left; margin-right:70px;}
.proInfo h3.title{ display:block; line-height:66px; color:#000; font-size:30px; padding:0 0 12px; overflow:hidden; border-bottom:2px solid #000; margin:0 0 34px;}
.proInfo p{ display:block; line-height:30px; color:#666; font-size:14px; overflow:hidden; padding:9px 0;}
.proInfo p.mark{ line-height:42px; color:#008dd8; font-size:18px;}
.proInfo .desc{ line-height:52px; color:#000; font-size:16px; overflow:hidden;}
.proInfo .desc em{ display:block; float:left; margin-right:30px;}
.proInfo .desc .txt{ font-weight:bold; overflow:hidden;}

ul.proTab{ display:block; width:1200px; background:#f5f5f5; overflow:hidden; margin:62px auto 32px;}
ul.proTab li{ display:block; line-height:100px; color:#000; font-size:24px; font-weight:bold; text-align:center;}
ul.proTab li img{ display:inline-block; display:inline; zoom:1; vertical-align:top; margin-right:32px; *vertical-align:middle;}

/*招聘列表*/
.main dl.jobList{ display:block; overflow:hidden; margin:-6px 0 70px;}
.main dl.jobList dt{ display:block; line-height:58px; color:#666; font-size:16px; background:#f5f5f5; padding:0 30px; overflow:hidden; cursor:pointer; margin:20px 0 0;}
.main dl.jobList dt span{ display:block; width:25%; text-align:center; float:left;}
.main dl.jobList dt span:first-child{ text-align:left;}
.main dl.jobList dt span:last-child{ text-align:right;}
.main dl.jobList dt.open{ color:#fff; background:#000;}
.main dl.jobList dd{ display:none; background:#f5f5f5; padding:0 30px 30px;}
.main dl.jobList dd .txt{ line-height:28px; color:#666; font-size:15px; padding:1.72em 0;}
.main dl.jobList dd a.btn{ display:block; width:10em; line-height:38px; color:#000; font-size:16px; text-align:center; border:2px solid #000; border-radius:21px; margin:4px 0;}
.main dl.jobList dd a.btn:hover{ color:#fff; background:#000;}

/*联系我们*/
.main ul.contact{ display:block; overflow:hidden; border:1px solid #e7e7e7; margin:0 0 60px;}
.main ul.contact li{ display:block; width:33.33%; line-height:36px; color:#000; font-size:18px; text-align:center; padding:40px 0 32px; position:relative; float:left;}
.main ul.contact li img{ display:block; margin:0 auto 20px;}
.main ul.contact li i{ display:block; width:1px; height:134px; background:#e3e3e3 ; position:absolute; left:0; top:36px;}
.main ul.contact li:first-child i{ display:none;}
.contxt{ line-height:2.25; color:#000; font-size:16px; font-weight:normal; overflow:hidden; padding:0 0 62px;}

/*新闻列表*/
.main .topNews{ display:block; padding:36px 0 28px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.main .topNews a.pic{ display:block; float:left; margin-right:28px;}
.main .topNews a.pic img{ display:block; width:212px; height:150px;}
.main .topNews a.title{ display:block; line-height:36px; color:#000; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 4px;}
.main .topNews a.title:hover{ text-decoration:underline;}
.main .topNews span{ display:block; line-height:38px; color:#777; font-size:14px; overflow:hidden;}
.main .topNews .txt{ display:block; height:48px; line-height:24px; color:#777; font-size:14px; overflow:hidden; margin:2px 0 0;}
.main ul.newsList{ display:block; overflow:hidden; padding:18px 0 32px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:0 1px;}
.main ul.newsList li.line{ height:20px; border-bottom:1px dashed #d4d4d4; margin:0 0 20px;}
.main ul.newsList li span{ display:block; line-height:38px; color:#999; font-size:14px; float:right; margin-left:28px;}
.main ul.newsList li a{ display:block; line-height:38px; color:#000; font-size:14px; font-weight:bold; padding-left:24px; background:url(../images/icons/list_bg.png) left center no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a:hover{ text-decoration:underline;}

.main form.zixun{ display:block; background:#f4f4f4; padding:0 78px; overflow:hidden; margin:60px 0 80px;}
.main form.zixun h3{ line-height:138px; color:#000; font-size:32px; text-align:center;}
.main form.zixun p{ display:block; overflow:hidden; padding:6px 0;}
.main form.zixun p label{ display:block; width:128px; line-height:42px; color:#000; font-size:15px; text-align:right; float:left; margin:0 10px 0 0;}
.main form.zixun p input.text{ display:block; width:332px; height:42px; color:#666; font-size:15px; padding:0 12px; background:#fff; border:0; border-radius:4px; float:left;}
.main form.zixun p ::placeholder{ color:#999;}
.main form.zixun p input.long{ width:826px;}
.main form.zixun p input.short{ width:220px;}
.main form.zixun p select{ display:block; width:356px; height:42px; color:#666; font-size:15px; padding:0 12px; background:#fff; border:0; border-radius:4px; float:left; cursor:pointer;}
.main form.zixun p textarea{ display:block; width:826px; height:108px; line-height:26px; color:#666; font-size:15px; padding:8px 12px; background:#fff; border:0; border-radius:4px; resize:none; float:left;}
.main form.zixun p img{ display:block; width:100px; height:42px; font-size:inherit; border-radius:3px; float:left; cursor:pointer; margin:0 0 0 12px;}
.main form.zixun p input.btn{ display:block; width:232px; height:42px; color:#fff; font-size:18px; font-weight:bold; background:#000; border:0; border-radius:4px; cursor:pointer; margin:46px auto 56px;}








/**/