@charset "utf-8";

#banner{height:auto; line-height:0;}

/**/
#fun{ position:relative; z-index:99; background:#ebf0f4; width:100%; max-width:1600px; min-width:1200px; margin:70px auto -60px auto; padding:30px 0 40px 0; clear:both;}

/*框架*/
#subl{ float:left; width:245px; padding-bottom:20px; position:relative; z-index:10; top:-50px;}
#subr{ float:right; width:920px; padding-bottom:20px; position:relative; z-index:10; }
#subr img{ max-width:920px;}

#posi{ margin:0 0 40px 0; border-bottom:#e1e1e1 1px solid; position:relative; top:-5px;z-index:10;}
#posi div{ float:right; background:url(../images/sub.png) top right no-repeat; height:66px; line-height:66px; color:#919aad; font-size:12px; padding-right:48px}
#posi div a{ color:#919aad; font-size:12px}#posi div a:Hover{ color:#c52e47}
#posi span{ position:relative; display:inline-block; /*color:#003a68;*/ font-weight:bold; font-size:20px; height:55px; overflow:hidden; line-height:34px; padding:0 0 0 107px; margin:25px 0 0 0; bottom:-6px; background:url(../images/sub.png) left -70px no-repeat; letter-spacing:1px; min-width:245px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/*左*/
#Title{ height:50px; margin:0; overflow:hidden; background:url(../images/List.png) left top no-repeat;}
#Title span{ display:block; height:50px; line-height:50px; color:#1d1b1c; font-size:18px; font-weight:bold; padding-left:54px; text-transform:uppercase;}

.List{ background:url(../images/List.png) -250px top repeat-y}
.List ul{ padding-bottom:80px; background:url(../images/List.png) -500px bottom no-repeat; height:auto !important; height:85px; min-height:85px;}
.List ul li{ *line-height:0; *font-size:0; width:220px; margin-left:11px; background:url(../images/List.png) -750px top repeat-y; border-bottom:#dddfe3 1px solid}
.List ul li a{ display:block; line-height:26px; padding:10px 10px 10px 50px; background:url(../images/sub.png) 17px -125px no-repeat; font-size:14px;}
.List ul li a:hover,#currList a{ background-position:-248px -125px;}
#currList a{ font-weight:bold; color:#c52e47}

/*快捷链接*/
#QL{ margin:0 0 0 11px;}
#QL a{ display:block; margin-bottom:5px;}
#QL a img{ width:220px;}

/*图片列表*/
#pic{ width:100%;}
.picLi{ position:relative; width:220px; margin:0 10px 5px 0; overflow:hidden; float:left; line-height:0; font-size:0;}
.picLi:hover{background:#f6ba00;}
.picLi a{ position:relative; display:inline-block; width:210px; overflow:hidden; margin:5px; text-align:center;}
.picLi img { max-width:210px; width:210px;}
.picLi span{ position:absolute; left:5px; top:auto; bottom:-100px; width:100%; text-align:center; color:#fff;line-height:18px; font-size:12px; padding:4px 6px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;/*background:url(../images/tran.png);*/ background:rgba(246,186,0,0.8); background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccf6ba00,endColorstr=#ccf6ba00)\9;zoom: 1;}

#Video_player{ text-align:center; border:1px #ddd solid; padding:20px 0; background:#eaeaea; margin:0 auto;}

/*下载*/
.Down{ border-bottom:#ccc 1px dotted; clear:both; padding:10px 0}
.Down_f1{ line-height:26px; height:26px;  margin:0; display:block;font-size:18px; font-weight:bold; color:#666; background:url(../images/sub.png) -265px -133px no-repeat; padding-left:16px;}
.Down_Desc{ float:right; font-size:12px; font-weight:normal;}
.Down_cont{ line-height:18px; color:#a5a5a5; margin:0; font-size:12px;}
.Down_ico{ display:block; float:right; margin:0px 0 25px 18px}
.Down_tit{ font-size:15px;}

/*产品列表*/
#product{ width:100%; overflow:hidden;}
#product ul{ position:relative; width:105%;}
#product li{ position:relative; float:left; width:220px; height:260px; overflow:hidden; background:url(../images/proBg.png) left top no-repeat #e5e9ed; margin:0 12px 15px 0; line-height:0;}
#product li a{ width:200px; height:200px; margin:10px; display:inline-block; overflow:hidden;}
#product li a img{ max-width:200px; max-height:200px; *width:200px;}
#product li p{ margin:0 5%; padding:0; line-height:18px; max-height:36px; width:90%; text-align:center; color:#1d1b1c; font-size:13px; overflow:hidden;/*white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;*/}
#product li i{ position:absolute; left:auto; right:0; top:auto; bottom:0; width:25px; height:24px; background:url(../images/proBg.png) right top no-repeat;}
#product li:hover i{ background-position:right -25px;}
#product li:hover{ background:#003a68;}
#product li:hover p{ color:#b0c3d2;}

/*产品详细页*/
#product_pic{ position:relative; float:left; width:312px; background:#003a68;text-align:center; line-height:0;}
#product_pic a{position:relative; display:inline-block; width:300px; overflow:hidden; margin:6px;}
#product_pic a img{ max-width:300px;}
#product_pic a i{ display:inline-block; position:absolute; left:auto; right:12px; top:auto; bottom:12px; width:18px; height:18px; background:url(../images/proBg.png) right -50px no-repeat;}
.product_Info{ float:left; margin-left:20px;word-break:break-all; display:inline;}
.product_Title{ line-height:34px; font-size:25px; word-break:break-all; margin:0; padding:15px 0; color:#003a68;}
.product_Param li{ line-height:22px; margin-bottom:8px}
.product_Param li span{ color:#b0c3d2; background:#003a68; padding:0 8px; margin-right:8px; display:inline-block; width:auto !important; width:50px; min-width:50px;}
/*相关产品*/
#Related{ width:100%; overflow:hidden; position:relative;}
#Related ul{ position:relative; width:105%; height:200px; overflow:hidden;}
#Related li{ width:172px; float:left; margin-right:12px; text-align:center;}
#Related .proimg{ width:170px; height:170px;display:inline-block; overflow:hidden; border:#b0c3d2 1px solid;}
#Related .proimg img{ max-width:160px; max-height:160px; *width:160px; margin:5px;}
#Related li:hover .proimg{ border:#b0c3d2 1px solid; background:#003a68}
#Related li:hover a{ color:#003a68;} 

/*带图文章列表*/
.article li{ position:relative; height:130px; overflow:hidden; margin:20px 0 0 0; border:#e1e1e1 1px solid;}
a.link_pic{ position:absolute; width:100%; height:100%; top:0; left:0; display:inline-block; z-index:100; background:url(../images/blank.gif);}
a.pic{ width:160px; height:120px; display:inline-block; overflow:hidden; float:left; margin:5px 20px 5px 5px; text-align:center; background:#f0f0f0; border-radius:10px 0 10px 0;}
a.pic img{ max-height:120px; max-width:160px;}
.article li p{ margin:0 15px 0 0; padding:0; height:120px; overflow:hidden;}
a.articleTit{ display:inline-block; width:100%; height:24px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; color:#1d1b1c; font-size:15px; margin-top:12px;}
.articleCont{ display:inline-block; width:100%; height:44px; margin-top:0; overflow:hidden; line-height:22px; font-size:12px; color:#888;}
.article li:Hover{ background:#003a68; /*border-color:#efefef;*/}
.article li:Hover a.articleTit{ color:#fff;}
.article li:Hover .articleCont,.article li:Hover .articleTitme{ color:#b0c3d2;}
.articleTitme{ color:#b0c3d2; font-size:12px;}
#newsTime{ line-height:42px;}
/*新闻详细*/
.c_tit{ font-size:26px; margin:0; padding:5px 0 10px 0;}
.c_info{ font-size:12px; color:#888; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted;}
/*按钮*/
#btns{ float:right; margin:8px 0 0 45px;}
#btns a{ display:inline-block; width:40px; height:40px; overflow:hidden; background:url(../images/btns.png) left top no-repeat; margin-left:10px; cursor:hand; cursor:pointer;}
#btns a.prevone:hover{ background-position:left -40px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}

/*常见问题*/
#faq{ clear:both;}
#faq dl{ clear:both; margin-bottom:10px;border-bottom:#e1e1e1 1px solid;}
#faq dt{ height:30px; line-height:30px; font-size:18px; padding:2px 0 10px 40px; background:url(../images/ico.gif) 10px top no-repeat; cursor:hand; cursor:pointer; color:#888;transition:background 0.8s;}
#faq dt.active{ background-position:12px -30px; color:#1d1b1c; font-weight:bold;}
#faq dt:hover{ color:#222;}
#faq dt span{ float:right; font-size:12px; font-weight:normal; color:#ccc;}
#faq dd{ padding:0 20px 10px 25px; color:#888; display:none;}
#faq dd p{ margin:0; padding:0;}

/*人才招聘*/
#recruitList{border-bottom:#b0c3d2 1px dotted;}
#recruitList a{ display:inline-block; padding:0 5px; margin:4px 15px 4px 0; cursor:hand; cursor:pointer; font-size:15px; color:#888;}
#recruitList a.active{ color:#003a68; border-bottom:#003a68 1px solid; font-weight:bold;}
#recruitList a:hover{ color:#003a68;}

#Recruit_Info{ margin-top:25px; clear:both;}
#Recruit_Num{ width:100px; float:left; font-size:60px; line-height:84px; color:#003a68;}
#Recruit_Cont{ width:60%; float:left; height:auto !important; height:400px; min-height:400px;}
#Recruit_Cont h2{ }
#Recruit_Btn{ width:130px; float:right; text-align:right; margin:15px 0 0 0;}
#Recruit_Btn a{ display:inline-block; width:80px; height:100px; overflow:hidden; background:url(../images/YP.png) -80px top no-repeat}
#Recruit_Btn a:Hover{ background-position:left top;}
#loading{ text-align:center; height:60px; line-height:60px; display:none; margin-top:5px;}

.Apply td{ padding:8px 4px;}
.Apply textarea{ width:96%;background:#fff; border:#cdd2d4 1px solid; color:#a6a6a6;}
.Apply input[type=text]{ height:32px; line-height:32px; background:#fff; border:#cdd2d4 1px solid; color:#a6a6a6; text-indent:5px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*留言中心 */
.Message td{padding:10px 0; color:#a6a6a6;}
.Message td div{ float:left; margin-right:-10px}
.Message input,.Message textarea{border:#cdd2d4 1px solid; color:#a6a6a6; text-indent:5px; margin:0 10px 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *display:inline-block;}
.Message input{ height:32px; line-height:32px}
.Message input.Row3{ width:32%; float:left; margin:0 0 0 2%; padding:0;}
.Message input.Row3:first-child{ margin-left:0;}
.Message textarea.Row1{ width:100%;  float:left;}
input.btn_form{ height:36px; line-height:36px; background:#fcb514; border:none; text-align:center; color:#fff; font-size:18px; padding:0 3em; letter-spacing:1px; border-radius:3px;cursor:pointer; cursor:hand}
input.btn_form:hover{ background:#ff940d}

@media screen and (max-width: 1000px){
  #fun{ min-width:980px;}
  #subr{ width:720px;}
  #subr img{ max-width:720px;}
}

/*翻页*/
.pages{margin:25px 0 0 0; clear:both; height:35px; line-height:35px;  text-align:center; padding:10px 0;}
.pages a,.pages a:visited{ padding:0 18px; height:35px; font-size:15px; margin:0 0; display:inline-block; text-align:center; background:#f0f0f0;color:#666;box-shadow:1px 1px 1px #d2d2d2; -moz-box-shadow:1px 1px 1px #d2d2d2; -webkit-box-shadow:1px 1px 1px #d2d2d2;}
.pages a:hover{ background:#003a68; color:#fff;}
.pages span{ margin:0 3px; color:#999; display:inline-block; height:35px; text-align:center;}
.pages .thisp{background:#003a68; color:#fff; display:inline-block;width:30px; height:35px; font-weight:bold;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#fff;}

/*视频列表*/
#videos{ width:100%; overflow:hidden; margin:1.5em auto;}
#videos ul{ position:relative; width:105%;}
#videos li{ position:relative; float:left; width:220px; height:210px; overflow:hidden; background:url(../images/proBg.png) left top no-repeat #e5e9ed; margin:0 13px 15px 0; line-height:0;}
#videos li a{ width:200px; height:150px; margin:10px; display:inline-block; overflow:hidden;}
#videos li a img{ max-width:200px; max-height:150px; *width:200px;}
#videos li p{ margin:0 5%; padding:0; line-height:18px; max-height:36px; width:90%; text-align:center; color:#1d1b1c; font-size:13px; overflow:hidden;/*white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;*/}
#videos li:hover{ background:#003a68;}
#videos li:hover p{ color:#b0c3d2;}