@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;}

/*顶部*/
.topper{ background:#f5f5f5; position:relative;}
.topper .tp{ width:1200px; line-height:36px; color:#888; font-size:13px; position:relative; margin:0 auto; overflow:hidden;}
.topper .tp span.date{ float:left; margin-left:12px;}

/*头部*/
.header{ position:relative;}
.header .head{ width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden; float:left;}
.header h1.logo a img{ display:block; height:130px;}
.header h1.logo em{ display:block; font-family:'楷体'; border-left:2px solid #eee; margin:42px 0 0 22px; padding:0 0 0 48px; float:left; text-align: center;}
.header h1.logo em i{ /*display:block;*/ line-height:20px; color:#666; font-size:17px; margin:-5px 0 -3px;}
.header span.tel{ display:block; line-height:130px; color:#666; font-size:24px; background:url(../images/common/head_tel.png) left center no-repeat; padding-left:36px; float:right;}
.header span.tel b{ color:#e36f01; font-size:35px; font-family:Arial; vertical-align:top;}

/*导航*/
.nav{ background:#f5f5f5; position:relative; z-index:9;}
.nav ul{ display:block; width:1200px; height:52px; margin:0 auto;}
.nav ul li{ display:block; float:left; position:relative;}
.nav ul li a{ display:block; width:150px; line-height:52px; color:#333; font-size:16px; text-align:center;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ color:#fff; font-weight:bold; background:#008dd8;}
.nav ul li p.sub{ display:none; min-width:100%; background:#f5f5f5; padding:1px 0 0; position:absolute; left:50%; top:100%; z-index:99; transform:translateX(-50%);}
.nav ul li p.sub a{ width:auto; line-height:40px; color:#333; font-size:14px; font-weight:normal; background:none; padding:0 0.625em; white-space:nowrap;}
.nav ul li p.sub a:hover{ color:#fff; background:#008dd8;}

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

/*底部*/
.footer{ background:#252525; padding:46px 0 50px;}
.footer .foot{ width:1200px; margin:0 auto; overflow:hidden;}
.footer dl{ display:block; width:540px; overflow:hidden; float:left;}
.footer dl dt{ display:block; line-height:56px; font-size:16px; overflow:hidden;}
.footer dl dt a{ color:#fff;}
.footer dl dt a:hover{ color:#008dd8;}
.footer dl dd{ display:block; width:174px; color:#999; line-height:36px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin-right:6px;}
.footer dl dd a{ color:#999;}
.footer dl dd a:hover{ color:#eee;}
.footer .code{ *width:100px; line-height:42px; color:#999; font-size:14px; text-align:center; overflow:hidden; padding:64px 8px 0; float:left;}
.footer .code img{ display:block; width:100px; height:100px; border-radius:5px; margin:0 auto;}
.footer p.tel{ display:block; overflow:hidden; padding:0 0 28px;}
.footer p.tel b{ display:block; line-height:56px; color:#008dd8; font-size:22px; padding:0 28px 0 62px; background:#dbf2fe; border-radius:28px; position:relative; float:right; margin:7px 0;}
.footer p.tel img{ display:block; height:70px; position:absolute; left:-24px; top:50%; margin-top:-35px;}
.footer .copyright{ line-height:26px; color:#999; font-size:13px; text-align:right; overflow:hidden; white-space:nowrap;}
.footer .copyright a{ color:#999;}
.footer .copyright a:hover{ color:#008dd8;}

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

/*主体样式*/
.main{ width:1200px; margin:0 auto; 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:#008dd8; color:#333; 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:#008dd8;}

.main ul.menu{ display:block; text-align:center; overflow:hidden; margin:30px -6px 0;}
.main ul.menu li{ display:inline-block; *display:inline; *zoom:1; width:199px; vertical-align:top; overflow:hidden;}
.main ul.menu li a{ display:block; line-height:50px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/common/menu_bg.png) center top no-repeat; margin:0 6px;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ color:#fff; background-position:center bottom;}

/*左侧样式*/
.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:#333; 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;}

/*右侧样式*/
.rightCon{ height:auto; overflow:hidden;}

/*内容样式*/
.main .attr{ height:auto; min-height:360px; overflow:hidden; clear:both;}
.main .attr h3.title{ display:block; line-height:48px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:32px 0 10px;}
.main .attr p.mark{ display:block; line-height:32px; color:#999; font-size:14px; text-align:center; padding:4px 0 12px; border-bottom:1px dashed #ddd; margin:0 0 -6px;}
.main .article{ line-height:36px; color:#333; font-size:16px; font-weight:normal; padding:30px 0px 52px;}
.main .article *1{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%;}

/*文章切换*/
.main .change{ overflow:hidden; padding:20px 0 48px; margin:20px 0 0; border-top:1px dashed #ddd;}
.main .change p{ display:block; max-width:46%; line-height:36px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 1%;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#008dd8;}

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

/*新闻列表*/
.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:#333; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 4px;}
.main .topNews a.title:hover{ color:#1296db;}
.main .topNews span{ display:block; line-height:38px; color:#999; font-size:14px; overflow:hidden;}
.main .topNews .txt{ display:block; height:48px; line-height:24px; color:#999; 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:#333; font-size:14px; 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{ color:#008dd8;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:20px -10px 50px;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; background:#e6e6e6; padding:1px 1px 0; overflow:hidden; margin:12px 10px;}
.main ul.proList li a img{ display:block; width:100%; height:222px;}
.main ul.proList li a span{ display:block; line-height:60px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left: 5px;}
.main ul.proList li a:hover{ background:#008dd8;}
.main ul.proList li a:hover span{ color:#fff;}

/*产品详情*/
.proInfo{ overflow:hidden; padding:54px 0 0;}
.proInfo img.pic{ display:block; width:620px; height:438px; border:1px solid #ddd; float:left; margin-right:46px;}
.proInfo h3.title{ display:block; line-height:54px; color:#008dd8; font-size:24px; padding:20px 0 0; overflow:hidden;}
.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; color:#333; font-size:18px;}
.proInfo .desc{ line-height:30px; color:#666; font-size:14px; overflow:hidden; padding:9px 0;}
.proInfo .desc em{ display:block; float:left;}
.proInfo .desc .txt{ height:120px; overflow:hidden;}
.proInfo p.btns a{ display:block; width:230px; line-height:56px; color:#fff; font-size:18px; text-align:center; border-radius:4px; float:left;}
.proInfo p.btns a.blue{ background:#008dd8; margin-right:42px;}
.proInfo p.btns a.gray{ background:#888;}

ul.proTab{ display:block; background:#f5f5f5; overflow:hidden; margin:50px 0 0;}
ul.proTab li{ display:block; float:left; margin-right:14px;}
ul.proTab li a{ display:block; width:166px; line-height:56px; color:#333; font-size:18px; text-align:center;}
ul.proTab li a:hover,
ul.proTab li.cur a{ color:#fff; background:#008dd8;}

.main form.zixun{ display:block; background:#f4f4f4; padding:0 78px; overflow:hidden; margin:0 0 80px;}
.main form.zixun h3{ line-height:138px; color:#008dd8; font-size:24px; 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:#333; 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; *line-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:230px;}
.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; *height:26px; *margin-top:8px;}
.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:90px; 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:#008dd8; border:0; border-radius:4px; cursor:pointer; margin:46px auto 56px;}

.main dl.recomd{ display:block; overflow:hidden; margin:-30px -10px 50px;}
.main dl.recomd dt{ display:block; line-height:88px; color:#333; font-size:24px; font-weight:bold; padding:0 20px;}
.main dl.recomd dt em{ color:#999; font-size:18px; font-weight:normal; text-transform:uppercase;}
.main dl.recomd dd{ display:block; width:25%; overflow:hidden; float:left;}
.main dl.recomd dd a{ display:block; border:1px solid #ddd; overflow:hidden; margin:12px 10px;}
.main dl.recomd dd a img{ display:block; width:100%; height:222px;}
.main dl.recomd dd a span{ display:block; line-height:60px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.recomd dd a:hover{ border-color:#008dd8;}
.main dl.recomd dd a:hover span{ color:#008dd8;}








/**/