﻿@charset "utf-8";
/* CSS Document */
/*html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}*/
@font-face {font-family:"sy"; src:url(/skins/sy.otf);}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,button,input,textarea,th,td,table,a,em,span,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body,button,input,select,textarea{font:14px "sy","黑体", Tahoma, Geneva, sans-serif; color:#666; line-height:24px; }
h1,h2,h3,h4,h5,h6,select{font-size:14px; font-weight:normal; font-style:normal;}
em{ font-style:normal;}
ul,li{list-style:none; overflow:hidden}
img{ border:none; vertical-align:middle;}
html{ overflow:hidden; height:100%;}
p{word-wrap:break-word}
a{text-decoration:none; color:#666;}
a:hover{ color:#ccc;}
a span,a em{ cursor:pointer;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textc{ text-align:center;}
.textr{ text-align:right;}
body{ height:100%;background:#f2f2f2;}
.body{height:100%; position:relative;}

/*左1*/
.left{ float:left; width:160px; height:100%; position:relative; background:url(/skins/images/bg.jpg) 0px 0px; z-index:100;}
.logo{ background:url(/skins/images/logo.jpg) no-repeat 0px 0px;}
.logo a{ height:120px; display:block;}
.nav{ background:url(/skins/images/logo.jpg) no-repeat 0px -120px;}
.nav div{ height:30px; position:relative;z-index:100;}
.nav a{ padding-left:50px; position:relative; z-index:100; display:block; height:30px; line-height:30px; overflow:hidden; color:#fff; background:url(/skins/images/nav-a.png) no-repeat 15px 0px;}
.nav a:hover,.nav .nav-h a{ background:url(/skins/images/nav-a.png) no-repeat 15px -30px;}
.nav span{ display:block;}
.nav em{ display:none;}
.nav p{ position:absolute; left:0px; top:0px; height:30px; background:#cc0000; z-index:0;}
.left-a{ position:absolute; width:100%; bottom:30px;}
.left-a a{ width:88px; height:30px; display:block; margin:0px auto;}
.left-en a{ background:url(/skins/images/en.jpg);}

/*左2*/
.left2{ float:left; height:100%;width:140px;  position:relative; background:#fff;z-index:10000;}
.left2-cen{padding:10px; }
.nav-c{ display:none;}
.tit2{ color:#333; text-transform:uppercase; font-size:24px; min-height:30px; line-height:30px;}
.nav2{ padding:10px 0px;}
.nav2 a{ color:#666; line-height:24px; display:block; height:24px; text-transform:uppercase;}
.nav2 span{ display:block;}
.nav2 em{ display:none;}
.nav2 .nav2-h a,.nav2 a:hover{ color:#c00;}
.nav2 .nav2-h span,.nav2 a:hover span{ display:none;}
.nav2 .nav2-h em,.nav2 a:hover em{ display:block;}
.nav3{ padding:10px 0px;}
.nav3 a{ color:#666; line-height:24px; display:block; height:24px; padding:0px 10px; text-transform:uppercase;}
.nav3 .nav3-d3,.nav3 a:hover{ background:#c00; color:#fff;}
.nav3 .nav3-d1,.nav3 .nav3-d2,.nav3 .nav3-d1:hover,.nav3 .nav3-d2:hover{ background:url(/skins/images/nav3-arrow.png) no-repeat center right #c00; color:#fff;}
.nav3 .nav3-h1,.nav3 .nav3-h2,.nav3 .nav3-h1:hover,.nav3 .nav3-h2:hover{ display:block; background:url(/skins/images/nav3-arrow.png) no-repeat center right #c00; color:#fff;}
.nav3-div1{ position:relative; z-index:10000;}
.nav3-c1{ display:none; position:absolute; right:-220px; width:210px; top:0px; padding-left:10px; background:url(/skins/images/tm.gif); z-index:10000;}
.nav3-div2{ position:relative; z-index:10000;}
.nav3-c2{ display:none; position:absolute; right:-250px; width:240px; top:0px; padding-left:10px; background:url(/skins/images/tm.gif); z-index:10000;}
.nav3-c1 a{ background:#ddd;}
.side-news{ color:#666;}
.side-news-con{ padding:5px 0px;}
.side-news-con a{ color:#666; font-size:12px; height:24px; overflow:hidden; display:block;}
.side-news-con a:hover{ text-decoration:underline;}
.side-news-more a{ display:block; width:60px; text-align:center; background:#f00; color:#fff; font-size:12px;}
.left2-bot{ position:absolute; width:100%; bottom:0px; left:0px;}
.copy{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.copy a{ color:#666;}
.copy span,.copy a:hover{ color:#c00;}
.search-tit{color:#666; }
.search div{ margin-top:5px;}
.search-select{border:1px solid #a7a7a7;}
.search-select select{ width:100%; height:24px; border:none; background:none;  line-height:24px;}
.search-select option{ line-height:20px;}
.search-text{border:1px solid #a7a7a7;}
.search-text input{ width:100%; height:22px; border:none; line-height:22px;}
.search-button{ text-align:right;}
.search-button input{ width:60px; height:24px; line-height:24px; border:none; background:#c00; color:#fff; cursor:pointer; text-align:center;}

/*右*/
.right{ float:left; height:100%; overflow:hidden;background:#f2f2f2;}
.side{ height:100%; background:#85121b; float:left; width:160px;}

.main{ float:left; height:100%;}

.tit{ height:70px; overflow:hidden; color:#333;}
.tit p{ font-size:24px; text-transform:uppercase;}

/*文本页*/
.text{ padding:40px 50px 40px;}
.text-con{ overflow:hidden;  position:relative;z-index:100;}
.text-center{ overflow:hidden; width:100%; left:0px; top:0px; position:absolute; z-index:100;}
.text-button{ height:30px; padding-top:20px}
.text-button div{ height:30px; width:30px; float:right; margin-left:5px; cursor:pointer;}
.text-up{ background:url(/skins/images/text-up.jpg);}
.text-down{ background:url(/skins/images/text-down.jpg);}

/*留言板*/
.message{ width:430px;}
.message-input{ background:url(/skins/images/message-input.png) no-repeat 0px 0px; height:30px; padding:10px 25px;}
.message-input input{ width:380px; height:30px; overflow:hidden; line-height:30px; border:none; background:none;}
.message-select{ background:url(/skins/images/message-input.png) no-repeat 0px 0px; height:30px; padding:10px 15px 10px 25px; position:relative;z-index:100;}
.message-select input{ width:360px; height:30px; overflow:hidden; line-height:30px; border:none; background:url(/skins/images/message-select.png) no-repeat center right; padding-right:30px; cursor:pointer;}
.message-select div{ display:none; position:absolute; width:420px; top:50px; left:5px; background:#172335; border:1px solid #2e3f59; z-index:100;}
.message-select a{ display:block; padding:0px 20px; color:#999}
.message-select a:hover{ color:#fff; background:#111a27;}
.message-textarea{ background:url(/skins/images/message-textarea.png) no-repeat 0px 0px; height:180px; padding:10px 15px 10px 25px;}
.message-textarea textarea{ width:390px; height:180px; background:none; border:none;}
.message-button input{ width:111px; height:39px; border:none; cursor:pointer; display:block; float:left; margin:0px 5px;}
.message-button1{ background:url(/skins/images/message-button1.png) no-repeat center;}
.message-button2{ background:url(/skins/images/message-button2.png) no-repeat center;}
.message-yzm{ background:url(/skins/images/message-yzm.png) no-repeat 0px 0px; height:30px; padding:10px 20px;}
.message-yzm input{ width:380px; height:30px; margin-right:20px; overflow:hidden; line-height:30px; border:none; background:none;}

/*产品栏目页*/
.pics-tit{ padding:20px; font-size:16px; color:#333;}
.pics-zhaiyao{ height:96px; background:url(/skins/images/pics2-zhaiyao.jpg) no-repeat right #0072b8; padding-right:20px; margin:0px 20px; color:#ffffff;}
.pics-zhaiyao p{ height:72px; overflow:hidden; padding-top:12px;}
.pics-zhaiyao img{ padding-right:20px;}
.pics-button a{ height:30px; width:70px; float:right; margin-left:5px; cursor:pointer;}
.pics-left{ background:url(/skins/images/pics-left.jpg);}
.pics-right{ background:url(/skins/images/pics-right.jpg);}
.pics-con{ width:970px; overflow:hidden; position:relative; z-index:100;margin-left:8px;}
.pics-center{ position:absolute; left:0px; top:0px; z-index:100;}
.pics-center div{ float:left; overflow:hidden;}
.pics-center a{ display:block; width:90%; margin:20px auto 0px; text-align:center;}
.pics-center a:hover{color:#c00;}
.pics-center span{ display:block; padding-top:5px;}
.pics-center img{ width:100%;}

.pics2-tit{ line-height:40px; font-size:30px; color:#ecf0f1; padding:30px 0px 10px 20px;}
.pics2-zhaiyao{ height:120px; background:url(/skins/images/pics2-zhaiyao.jpg) no-repeat right #0072b8; padding-right:20px; margin:0px 20px; color:#ffffff;}
.pics2-zhaiyao p{ height:72px; overflow:hidden;padding-top:24px;}
.pics2-zhaiyao img{ padding-right:20px;}
.pics2-com{}
.pics2-div{ width:319px; height:349px; padding-top:20px; float:left; }
.pics2-div div{ width:280px; margin:0px auto;}
.pics2-div p{ width:280px; margin:0px auto; height:72px; overflow:hidden; font-size:12px;}
.pics2-more a{ display:block; background:url(/skins/images/pics2-more.jpg); width:80px; height:24px;}

/*产品内容页*/
.pic{ padding:0px 20px;}
.pic-tit{ line-height:120px; font-size:30px; color:#333;}
.pic-m{ background:url(/skins/images/pic-m.jpg) repeat-x bottom;}
.pic-m div{ float:left;}
.pic-m a{ display:block; width:85px; text-align:center; height:30px; line-height:30px; margin-right:1px; background:#44638c; color:#fff;}
.pic-m a:hover,.pic-m .pic-h a{ background:#c00; font-weight:bold;}
.pic-con{ position:relative; overflow:hidden;z-index:100;}
.pic-center{ width:100%; position:absolute; z-index:100;}
.pic-c{ padding:10px;}
.pic-zlxz a{ padding:0px 10px; display:inline-block;  text-align:center; height:25px; line-height:25px; margin-right:1px; background:#c00; color:#fff;}
.pic-zlxz a:hover{ background:#c00; font-weight:bold;}
/*大图区*/
.jqzoom{position:relative; height:240px; width:310px; border:1px solid #ccc;} 
/*放大图片框*/
.zoomdiv{z-index:100;position:fixed;top:1px;left:-100px;background:#fff;border:1px solid #c00;display:none;text-align:center;overflow: hidden;} 
.bigimg{width:620px;height:620px;} /*放大图片框放大倍数*/
/*放大镜*/
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#c4c4c4 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:crosshair;}
/*小图区*/
.jcarousel-container{position:relative;} 
.jcarousel-container-horizontal{width:310px;height:50px; margin-top:10px;}
/*图片列表框*/
.jcarousel-clip{z-index:2;overflow:hidden;position:relative;}
.jcarousel-clip-horizontal{width:270px; margin-left:20px;} /*图片列表框距左距离*/
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;}/*图片滚动内容*/
.jcarousel-list li,.jcarousel-item{float:left;}
.jcarousel-item {width:54px;height: 48px;}
.jcarousel-item-horizontal {margin-right:0px;}/*图片列表间距*/
.curr_base{border:1px solid #ccc; padding:1px; width:44px; height:44px; cursor:pointer;} /*小图默认*/
.cur_on{border:1px solid #c00; padding:1px; width:44px; height:44px; cursor:pointer;} /*小图选中*/
/*左右滚动按钮*/
.jcarousel-prev-horizontal{position:absolute;top:0px;left:0px;width:12px;height:48px;cursor:pointer;background:transparent url(/skins/images/jcarousel-prev.jpg) no-repeat 0 0px;}
/*左滚动样式*/
.jcarousel-prev-horizontal:hover,.jcarousel-prev-horizontal:active{background-position:0 0px;}/*左滚动鼠标经过样式*/
.jcarousel-prev-disabled-horizontal,.jcarousel-prev-disabled-horizontal:hover,.jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:0 -48px;}/*左滚动到头样式*/
.jcarousel-next-horizontal {position:absolute;top:0px;right:0px;width:12px;height:48px;cursor:pointer;background:transparent url(/skins/images/jcarousel-next.jpg) no-repeat 0px 0px;}/*左滚动样式*/
.jcarousel-next-horizontal:hover,.jcarousel-next-horizontal:active{background-position:0px 0px;}/*右滚动鼠标经过样式*/
.jcarousel-next-disabled-horizontal,.jcarousel-next-disabled-horizontal:hover,.jcarousel-next-disabled-horizontal:active{cursor:default;background-position:0px -48px;}/*右滚动到头样式*/

/*新闻列表页*/
.news-tit{}
.news-button a{ height:25px; padding:0px 5px; float:left; margin-left:5px; cursor:pointer;background:#44638c; color:#fff;text-align:center; }
.news-button a:hover,.news-button .news-h{font-weight:bold;background:#c00;}
.news-con{ overflow:hidden;}
.news-div{ padding:5px 0px;  border-bottom:1px dashed #5a6d8b;}
.news-name{ height:24px; overflow:hidden;}
.news-name a{ color:#333; font-weight:bold;}
.news-zhaiyao{ height:24px; overflow:hidden;}
.news-more{ padding-top:5px;}
.news-more a{ color:#fff; display:block; background:#c00; width:60px; text-align:center; }

.new-name h3{ text-align:center; font-weight:normal; font-size:24px; padding:10px 0px;}
.new-time{ line-height:20px; height:20px; padding-top:10px; text-align:center;  color:#666;}
.new-con1{ padding:10px 0px;}


/*分页*/
.page{text-align:center; font-size:12px;height:24px; line-height:24px; padding-top:15px;}
.page a,.page span{ padding:2px 6px; margin:0px 3px;background:#44638c; color:#fff; }
.page a:hover{background:#c00;}
.page .current{ font-weight:bold;background:#c00;}

/*招聘列表页*/
.jobs div{ padding-bottom:20px;}
.jobs td{ padding:10px;}
.jobs a{ color:#c00; text-decoration:underline;}

table{color:#666;border:1px solid #ccc;}
table th{background:#fff;padding:5px;border:1px solid #ccc;}
table td{padding:5px;border:1px solid #ccc;}

.job{ padding-right:10px;}
.job table{ border:1px solid #ccc;}
.job th{ background:#fff; border:1px solid #ccc; color:#333; padding:10px 0px;}
.job td{ border:1px solid #ccc; padding:10px;}
.job-but a{ color:#c00}

.mp-tit{line-height:40px; color:#333;}
.mp-ss{ padding-bottom:35px;}
.mp-ss div{ padding-right:10px;}
.mp-ss select{ width:200px; height:26px; border:1px solid #a7a7a7;}
.mp-ss input{ background:#c00; color:#fff; border:none; height:26px; width:60px;}
.mp-jg .floatl{ background:url(/skins/images/mp.png) no-repeat; padding:15px 15px 0px; height:155px; width:250px; overflow:hidden; margin-right:20px; color:#fff;}
.mp-jg .floatl div{ font-size:18px; line-height:40px;}

.message1 .name{ width:100px; text-align:right;height:36px; line-height:36px;}
.message1 .clearfix{ padding-bottom:10px;}
.message1 .input input{ background:#ebebeb; height:36px; line-height:36px; border:1px solid #ddd; width:200px; border-radius:5px; box-shadow:0px 3px 3px #ccc inset; padding:0px 10px;}
.message1 .select select{background:#ebebeb; height:36px; line-height:36px; border:1px solid #ddd; width:220px; border-radius:5px; box-shadow:0px 3px 3px #ccc inset; padding:8px 10px;}
.message1 .textarea textarea{background:#ebebeb; height:120px; line-height:26px; border:1px solid #ddd; width:340px; border-radius:5px; box-shadow:0px 3px 3px #ccc inset; padding:5px 10px;}
.message1 .button{ padding-left:100px;}
.message1 .button input{ width:111px; height:39px; border:none; cursor:pointer; display:block; float:left; margin-right:10px;}
.message1 .button1{ background:url(/skins/images/message1-button1.png) no-repeat center;}
.message1 .button2{ background:url(/skins/images/message1-button2.png) no-repeat center;}
.message1 .star{float:left;width:20px;height:36px; line-height:36px;color:#c00;padding-left:5px;}