﻿@charset "utf-8";
/*公共样式*/
html{ background:url(../images/bodybg.jpg) repeat-y center top;}
body{ padding:0px; margin:0px auto; font-size:12px; line-height:23px; color:#666; font-family:"微软雅黑","宋体"; width: 100%; min-width:1000px; width:expression((documentElement.clientWidth < 1000) ? "1000px" : "100%" ); zoom:1; overflow-x:hidden;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:12px; font-style:normal; color:#5A5A5A;}
img{ border:none; border:0;}
a{ text-decoration:none; color:#666;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#2786cb; text-decoration:none;}
.Texthide{ display:none;}

.Contain{ width:1000px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.Silderbar{ width:210px; overflow:hidden; float:left;}
.MainContent{ width:760px; float:right; overflow:hidden;}
.Content{ overflow:hidden; min-height:300px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space10{ height:10px; clear:both; overflow:hidden; zoom:0;}
.space20{ height:20px; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.Current{ height:54px; line-height:54px; border-bottom:1px solid #ededed;}
.Current dl{ font-family:"宋体"; float:right; overflow:hidden; padding-left:18px; background:url(../images/current_bg_03.png) no-repeat left center;}

/*pages
.pages{ clear:both; padding:23px; line-height:21px; text-align:right; margin:0; zoom:1; overflow:hidden;}
.pages span{ padding:0px 3px; display:inline-block; color:#de2b2b;}
.pages a{ padding:2px 7px; margin:0px 2px; width:49px; height:21px; overflow:hidden; text-align:center; color:#fff; background:#ababab;}
.pages .a{ background:#0050a1;}

.pages .p_cur b{ color:#F00;}

.pages .p_count b{ color:#F00;}

.pages .p_total b{ color:#F00;}

.pages .p_page em{ font-style:normal; font-family:Arial;}
.pages .p_page em a{ padding:0px 7px; border:solid 1px #e1e1e1; background:#f1f1f1;}
.pages .p_page em a.a_cur{ color:#fff; border:solid 1px #0395ea; background:#0e76b3;}
.pages .p_page b{ font-weight:normal;}
.pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
/*pages end*/
/*pages*/
.Pages{ padding:10px 0; line-height:18px; zoom:1; overflow:hidden; text-align:right;clear:both; width:100%;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages a.a{ background-color:#eee; cursor:default; color:#666;}
.Pages .p_cur,.Pages .p_count,.Pages .p_jump{ display:none;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages  a{ padding:0px 7px; border:solid 1px #dddddd; background:#fafafa;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #004b97; background:#004b97;}
.Pages  b{ font-weight:normal; margin:0 2px;}
.Pages .a_first,.Pages .a_end{ display:none;}
.Pages .a_next{ padding-right:15px;background-image:url(../images/page_next.gif); background-repeat: no-repeat; background-position: 98% center; }
.Pages .a_prev{ padding-left:15px;background-image:url(../images/page_prev.gif) ; background-repeat:no-repeat ; background-position:2% center; }
/*pages end*/
/*top.html*/
.toper{ background:url(../images/toperbg_02.jpg) repeat-x left top; height:129px; width:100%; position:relative; z-index:3;}
.top{ height:129px; width:1000px; position:relative; margin:0 auto;}
.top_zs{ position:absolute; left:-460px; top:0;}
.logo{ position:absolute; top:0; left:-80px;}
.mainnav{ position:absolute; left:240px; top:0; height:82px; z-index:11;}
.mainnav ul{ width:100%; height:82px;}
.mainnav li{ width:172px; height:82px; float:left; text-align:center; font-size:14px; font-weight:bold; line-height:82px; background:url(../images/nav_bg_02.png) no-repeat 0 0; margin-left:-82px; position:relative;}
.mainnav li a:hover,.mainnav .onnav a,.mainnav .li a{ color:#fff;}
.mainnav .onnav,.mainnav .li{ background-position:0px -82px; z-index:11;}
.mainnav .onnav,.mainnav .li a{ display:block; width:172px; height:82px;}
#nav1{ background:url(../images/nav_bg_1_02.png) no-repeat 0 0;}
#nav1.onnav{ background:url(../images/nav_bg_1_02.png) no-repeat 0 -82px;}
#nav1.li{ background:url(../images/nav_bg_1_02.png) no-repeat 0 -82px;}
.language{ z-index:12; position:absolute; right:0; top:20px; color:#c9c9c9; overflow:hidden;}
.language em{ padding:0 10px;}

.SreachBox{ z-index:9; position:absolute; right:-3px; top:45px; background:url(../images/searchbg_03.png) no-repeat left center; width:134px; padding-right:4px; height:30px;}
.SreachBox input{ margin:0; padding:0 0 0 10px; background:none; border:none; height:24px; width:70px; line-height:24px;}
.SreachBox a{ float:right; display:block; width:30px; height:24px;}

/*top.html*/

/*bottom*/
.bottombg{ width:100%; background:#1c1d1f; height:50px; line-height:50px;}
.bottom{ width:1000px; height:50px; overflow:hidden; margin:0 auto; color:#535354;}
.bottom a{ color:#535354;}
.bottom em{ color:#535354;}
.bottom .navbt{ float:left; overflow:hidden;}
.bottom .navbt em{ padding:0 15px;}
.bottom .copyright{ padding-left:20px; overflow:hidden; font-family:arial;}

/*bottom*/

/*Banner*/
.top .ban_list{ height:313px; width:888px; position:absolute; padding-top:226px; left:435px; top:0; overflow:hidden;}
.top .ban_list .img{ position:absolute; left:307px; top:0;}
.top .ban_list ul{ background:url(../images/ban_list_ul_03.png) no-repeat left bottom; width:690px; height:313px;}
.top .ban_list ul li{ width:433px; height:76px; overflow:hidden;}
.top .ban_list ul .li1{ padding-bottom:3px; margin-left:237px;}
.top .ban_list ul .li2{ padding-bottom:3px; margin-left:158px;}
.top .ban_list ul .li3{ padding-bottom:3px; margin-left:79px;}
.top .ban_list ul li img{ cursor:pointer; display:none;}
.top .ban_list ul .on img{ display:block;}



.home_ban{ width:100%; height:457px; overflow:hidden; position:relative; z-index:2; margin-top:-47px;}
.home_ban ul{ position:relative; width:100%; height:457px; overflow:hidden;}
.home_ban ul li{ position:absolute; left:0; top:0; width:100%; height:457px; overflow:hidden; display:none;}



.banner{ width:1000px; height:200px; overflow:hidden; margin:0 auto; padding-bottom:14px;}
/*Banner*/

/*Sidebar*/
.menu{ overflow:hidden; width:210px;}
.menu .h1{ overflow:hidden; line-height:30px; font-size:24px; color:#4d4d4d;}
.menu .h1 em{ font-size:14px; font-family:arial; color:#e5b322; font-weight:normal;}
.menu ul{ overflow:hidden; width:210px;}
.menu ul li{ border-bottom:1px solid #f2f2f2; overflow:hidden; line-height:43px; width:210px;}
.menu ul li a{ display:block; padding-left:20px; background:url(../images/menu_abg_03.jpg) no-repeat left center; font-size:14px; color:#4d4d4d; font-weight:bold;}
.menu ul .acur a,.menu ul li a:hover,.menu ul .acur2 span a{ color:#fff; background:url(../images/menu_a_hover_03.jpg) no-repeat left center;}
.menu ul li dl{ overflow:hidden;}
.menu ul li dl dt{ height:30px; background:#fff url(../images/a_bg_03.jpg) no-repeat 25px center; line-height:30px; overflow:hidden; padding-left:18px;}
.menu ul li dl dt a,.menu ul .acur dl dt a{ color:#4b4b4b; background:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
.menu ul li dl dt a:hover,.menu ul .acur dl dt .acur2{ color:#0052a6; background:none;}





/*Sidebar*/

/*index*/
.homecon{ width:1000px; margin:0 auto; overflow:hidden; padding:31px 0 40px;}

.home_pro{ width:378px; overflow:hidden; float:left; padding:0 10px 7px 0; background:url(../images/bg_03.png) no-repeat right bottom; margin-right:31px;}
.home_pro .h6{ padding:12px 0; overflow:hidden; height:21px; font-weight:normal;}
.home_pro .h6 span{ float:left; color:#e8ad03; font-size:22px; font-weight:normal;}
.home_pro .h6 em{ float:left; line-height:38px; padding-left:8px; color:#bfbfbf; font-size:12px; font-family:Arial;}
.home_pro .con{ width:378px; height:157px; overflow:hidden; position:relative;}
.home_pro .con ul{ background:#395d84; overflow:hidden;}
.home_pro .con li{ overflow:hidden; width:0px; height:157px; position:relative; float:left; padding-left:40px;}
.home_pro .con li div{ width:14px; text-align:center; color:#fff; font-size:12px; line-height:18px; height:132px; padding:25px 13px 0; cursor:pointer ;word-break:break-all; word-wrap:break-word; position:absolute; left:0; top:0;}
.home_pro .con li a{ position:absolute; left:40px; top:0; display:block; overflow:hidden; width:218px; height:157px;}
.home_pro .con li img{ width:218px; height:157px;}
.home_pro .con .li1 div{ background:#395d84;}
.home_pro .con .li2 div{ background:#3caede;}
.home_pro .con .li3{ position:absolute; right:0; top:0; z-index:11;}
.home_pro .con .li4{ position:absolute; right:0; top:0;}
.home_pro .con .li4 div{ background:#3caede;}
.home_pro .con .li3 div{ background:#395d84;}
.home_pro .con li .div{ cursor:default;}


.home_cases{ width:297px; overflow:hidden; float:left; padding:0 10px 7px 0; background:url(../images/bg_03.png) no-repeat right bottom;}
.home_cases .h6{ padding:12px 0; overflow:hidden; height:21px; font-weight:normal;}
.home_cases .h6 span{ float:left; color:#e8ad03; font-size:22px; font-weight:normal;}
.home_cases .h6 em{ float:left; line-height:38px; padding-left:8px; color:#bfbfbf; font-size:12px; font-family:Arial;}
.home_cases .con{ position:relative; width:251px; height:129px; overflow:hidden; background:url(../images/home_case_conbg_03.png) no-repeat center top; padding:29px 29px 0 17px;}
.home_cases .con .more{ display:block; width:12px; height:12px; position:absolute; right:7px; bottom:8px; background:url(../images/morebg_03.jpg) no-repeat center center;}
.home_cases .con .top_left{ z-index:111; display:block; width:20px; height:20px; background:url(../images/top_left_03.png) no-repeat center center; position:absolute; left:17px; top:29px;}
.home_cases .con .bottom_right{ z-index:111; display:block; width:20px; height:20px; background:url(../images/bottom_right_03.png) no-repeat center center; position:absolute; left:163px; bottom:18px;}
.home_cases .con ul{ width:251px; height:129px; overflow:hidden;}
.home_cases .con ul li{ display:none;}
.home_cases .con ul img{ width:164px; height:109px; border:1px solid #e0e0e0;}
.home_cases .con ul p{ float:right; color:#1c1d1f; width:75px; margin:5px 0;}
.home_cases .con ul p span{ color:#808080;}
.home_cases .con div{ position:absolute; right:47px; bottom:19px; height:10px; overflow:hidden; text-align:right;}
.home_cases .con div span{ display:inline-block; width:10px; height:10px; margin-left:4px; cursor:pointer; background:url(../images/home_span1_03.png) no-repeat center center;}
.home_cases .con div .on{ background:url(../images/home_span2_03.png) no-repeat;}


.home_contact{ float:right; width:245px; height:210px; position:relative;}
.home_contact .h6{ padding:12px 0; overflow:hidden; height:21px; font-weight:normal;}
.home_contact .h6 span{ float:right; color:#e8ad03; font-size:22px;}
.home_contact .h6 em{ float:right; line-height:38px; padding-left:8px; color:#bfbfbf; font-size:12px; font-family:Arial;}
.home_contact table td{ padding:3px 0;}
.home_contact table .td1{ color:#666; font-weight:bold;}
.bdsharebuttonbox{/* filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);*/}

.home_contact .ewmimg{ position:absolute; right:0px; top:150px; width:100px; height:100px;}






/*index*/


/*about*/
.about{ overflow:hidden; padding:0 0 25px;}
/*about*/



/*news*/
.news{ overflow:hidden;}
.news li{ overflow:hidden;}
.news .istop{ padding:16px 0;}
.news .istop img{ float:left;}
.news .istop div{ float:right; width:530px; height:123px; overflow:hidden;}
.news .istop div h3 a{ font-size:16px; color:#004b97;}
.news .istop div p{ padding-bottom:30px; position:relative;}
.news .istop div p a{ position:absolute; left:0; bottom:0; background:#e5b322; text-align:center; width:67px; height:22px; line-height:22px; font-family:"宋体"; color:#fff;}
.news .title{ height:27px; line-height:27px; font-size:14px; color:#4c4c4c; text-align:center;}
.news .title span{ display:block; float:left; width:620px; background:#e6e6e6;}
.news .title em{ display:block; float:right; background:#e6e6e6; width:139px;}
.news .none{ height:34px; border-bottom:1px dashed #d5d5d5; line-height:34px; padding-left:20px; background:url(../images/g01_4_03.png) no-repeat 9px center;}
.news .none span{ display:block; float:right; text-align:center; width:139px; color:#999;}
.news .none a{ font-size:14px;}

.news_info .h3{ color:#e5b322; font-size:14px;}

/*news*/ 



/*human*/
.human{ overflow:hidden;}
.human li{ overflow:hidden; padding:11px 0;}
.human li table{ background:#e0e0e0;}
.human li table td{ padding:5px 20px; background:#fff;}
.human li table .tr1 td{ background:#f7f7f7; font-size:14px; font-weight:bold; color:#0050a1;}
.human li table td a{ display:block; width:84px; height:21px; overflow:hidden; float:right; text-align:center; line-height:21px; color:#fff; background:#e6b848;}
/*human*/


/*product*/
.product_list{ overflow:hidden;}
.product_list ul{ overflow:hidden;}
.product_list ul li{ height:146px; position:relative; padding-top:22px; border-bottom:1px solid #dedede;}
.product_list ul li img{ float:left; position:relative; margin-bottom:-1px;}
.product_list ul li div{ float:right; width:530px; overflow:hidden;}
.product_list ul li .h3 a{ font-size:16px; color:#004b97;}
.product_list ul li p{ position:relative; line-height:24px; margin:0; padding:10px 0 30px;}
.product_list ul li p a{ position:absolute; left:0; bottom:0; background:#e5b322; display:block; width:67px; height:22px; line-height:22px; text-align:center; color:#fff; font-family:"宋体";}



.product_info{ overflow:hidden;}
.product_info .title{ text-align:center; font-size:18px; color:#333; line-height:72px; font-weight:bold;}
.product_info .h3{ color:#e5b322; font-size:14px;}

.product_info .bnmhj{ color:#e5b322; font-size:14px; margin-top:10px;}

.product_info .info_content{ overflow:hidden; padding-bottom:30px;}
.product_info .div_img{ overflow:hidden; padding:5px 0;}
.info_ul{ overflow:hidden; clear:both;}
.info_ul li{ height:30px; line-height:30px; background:url(../images/a_bg_03.jpg) no-repeat left center; padding-left:15px; border-bottom:1px dashed #ccc;}
.product_info img{ max-width:760px;}

.product_tablebg{ width:100%; height:100%; z-index:30; position:fixed; background:#000; left:0; top:0; opacity:0.3; filter: alpha(opacity=30);}
.product_table{ width:500px; overflow:hidden; z-index:31; padding:10px; background:#fff; position:fixed; left:50%; top:50%; margin:-170px 0 0 -260px;}
.product_table .span{ width:11px; height:11px; display:block; position:absolute; right:10px; top:10px; background:url(../images/controls.png) no-repeat -55px -31px; cursor:pointer;}
.product_table .btn{ cursor:pointer;}



/*product*/


/*horom*/
.horom{ overflow:hidden;}
.horom li{ float:left; width:204px; overflow:hidden; margin:15px 20px; text-align:center; line-height:193px; height:168px; background:#fff;}
.horom li img{ max-width:204px; /*max-height:193px;width: expression(this.width > 320 ? "320px" : "auto"*/width:204px; height:123px;)
 height: expression(this.width > 320 ? this.height = this.width/1.65: "auto"); vertical-align:middle;}
.horom .li{ padding-right:0;}
.horom li p{ height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px;}



.human_info{ overflow:hidden;}
.human_info td{ padding:3px 10px;}
.human_info .text{ margin:0; padding:0 0 0 10px; width:150px; height:24px; line-height:24px; border:1px solid #ccc;}
.form_err{ color:Red;}
.human_info .btn{ cursor:pointer;}

/*horom*/


.PrevNextBox{ padding-top:20px; clear:both;}
.PrevNextBox .h1{ font-size:12px; font-weight:normal;}
.PrevNextBox a{ color:#5A5A5A;}
.PrevNextBox a:hover{ color:#B40001;}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#ccc;}

.info_title{ text-align:center;}
.info_time{ text-align:center; color:#999;}
.info_content{ overflow:hidden;}
.info_video{ overflow:hidden; padding:10px;}





/*link*/
.link{ overflow:hidden;}
.link li{ float:left; width:204px; overflow:hidden; padding:15px 74px 15px 0; text-align:center;}
.link .li{ padding-right:0;}
.link li p{ height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*link*/
