@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body,button, input, select, textarea { color:#666; font:normal normal 12px/24px verdana,arial,Simsun; outline:none;}
body{ color:#666; text-align:left; overflow-x:hidden; -webkit-text-size-adjust:none;}
em{font-style:normal;}
ul, ol { list-style: none; }
table{ border-collapse:collapse;}
a { color:#666; text-decoration: none; blr:expression(this.onFocus=this.blur());}
a:hover { text-decoration:underline;}
table{border-collapse:collapse;}
img{ border:none; font-size:0; line-height:0;}
.wrap{ margin:0 auto; text-align:left; width:982px;}
.clear{ clear:both; font-size:0; line-height:0;}
.fl{ float:left;}
.fr{ float:right;}
ins{ font: normal 12px/2 verdana,arial,simsun; text-decoration:none;}
i{ text-decoration:none; height:0; width:0; border:1px solid #666; border-width:1px 2px 2px 1px; margin:15px 5px 0 0; font-size:0; line-height:0; float:left; }
/*ҳ begin*/
.quotes{font-size:12px; padding:20px 0;}
.quotes span,.quotes a{color:#999; padding:3px 8px; border:1px #eaeaea solid;margin-right:2px; cursor:pointer; }
.quotes span{ cursor:default;}
.quotes .current{ color:#fff; border:1px #057bc4 solid; background:#057bc4; font-weight:bold;}
.quotes  a:hover{ color:#fff; border:1px #057bc4 solid; background:#057bc4; text-decoration:none;}
.load{ background:url(../images/loading.gif) no-repeat center; display:block; height:100%; width:100%; border:none;}
/*ҳ end*/

/*detail*/
.detail { width:720px; margin: 0 auto; padding-top:30px; height:auto!important; height:500px; min-height:500px; text-align:left; }
.detail .title h3 { line-height: 27px; padding-left: 14px;}
.detail .cont { border-top:0px; margin:0 auto; width:720px;}
.detail .tit { height: 20px; line-height: 20px; text-align: center; font-weight:normal; color:#333333; font-size:18px; font-family: "Microsoft YaHei";  overflow:hidden;}
.detail .related { padding:6px 0; color:#999999; text-align: center; }
.detail .related span { padding: 0 10px;}
.detail .text { padding-top:10px; padding-bottom:10px;   line-height: 23px; color:#4c4c4c;  }
.detail .text .photo { text-align: center; padding:10px 0;}
.detail .other { padding: 5px 0 ; width: 100%; }
.detail .other li {line-height: 24px; color:#666; }
.detail .other li a{ color:#666; font-weight:normal;}

/*background:url(../images/b1.png) no-repeat; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/b1.png, sizingMethod=scale ); _background-image:none;*/
/*detail*/
/*header*/
.header{ width:100%;}
.topbar{ height:82px; width:1000px; margin:0 auto; position:relative;}
.logo{ width:185px; height:64px; left:10px; top:8px; position:absolute;}
.serch{ float:right; height:24px; width:161px; overflow:hidden; position:absolute; right:35px; top:39px;}
.serch .s1{ color:#b6b7bb; text-indent:9px; float:left; overflow:hidden; width:134px; height:24px; padding:0; border:none; background:url(../images/s1.gif) no-repeat;}
.serch .s2{ float:right; width:27px; border:none; padding:0; height:24px; overflow:hidden; cursor:pointer; background:url(../images/s2.gif) no-repeat;}
.langue{ width:120px; height:24px; position:absolute; right:0; top:39px; text-align:right;}
.menu{ background:#7d7f84; height:36px; width:100%;margin:0 auto; }
.menu .cont{ width:1000px; margin:0 auto; line-height:36px;}
.menu li{ float:left; height:36px; line-height:36px;  position:relative; z-index: 9}
.menu li a{ position:relative; display:block; float:left; height:36px; line-height:36px; padding:0 30px 0 30px; font-family:verdana,"Microsoft YaHei", simhei, sinsun; font-size:14px; color:#fff; }
.menu li.on a,
.menu li.current a,
.menu li a:hover{ text-decoration:none; background:url(../images/ho.gif)  repeat-x; color:#057bc4; }
/*.menu ul li .small_nav{ display:block; position:absolute; z-index:9999;   }
.menu ul li .small_nav{  width:437px; height:230px; background:url(../images/snac.png) no-repeat; position:absolute; top:36px; left:-2px;z-index:9999; display:none; }
.menu ul li .small_nav dd{   float:left; text-align:center;   height:30px; line-height:30px; font-size:14px; font-weight:normal; overflow:hidden;  margin:0px; width:100%;  } 
.menu ul li .small_nav dd i{ margin:14px 5px 0 0;}
.menu ul li .small_nav dd a{font-size:12px; float:left; color:#333; background:none; padding:0; height:30px; text-indent:0; line-height:30px;  }
.menu ul li .small_nav dd a:hover{text-decoration:none; color:#333; background:none;  }
.sl{ width:113px; margin-left:38px; float:left; display:inline; margin-top:8px;}
.sr .photo{ margin:0 auto; width:166px; height:113px; margin-bottom:5px;}
.sr{line-height:24px;  padding-top:17px; float:right; margin-right:45px; width:240px; display:inline;}
.sr .text{ line-height:24px; text-align:left; font-weight:bold;text-indent:23px;}
.sr .text p{ font-weight:normal; text-indent:20px;}*/
.menu ul li .small_nav { display: none}
.small_nav{background: url(../images/subnav.png) no-repeat bottom; padding: 0 0 12px; top:36px; left: 0; position: absolute; width:234px;}
.small_nav dl{ background:#f1f1f1 url(../images/subnav.gif) no-repeat bottom; overflow: hidden;}
.menu ul li .small_nav dd{ overflow: hidden;}
.menu ul li .small_nav dd i{ margin:9px 0 0 -8px;}
.menu ul li .small_nav dd a{font-size:12px; float: none; color:#333; background:none; padding:5px 0 5px 30px; height:auto; text-indent:0; line-height:20px;  }
.menu ul li .small_nav dd a:hover{text-decoration:none; background: #ccc; color:#057bc4; }
.menu ul li .small_nav dd a:hover i{ border-color: #057bc4}

/*header*/
/*content*/
.content{ width:1000px; margin:22px auto 0 auto; }
.news{ width:322px; height:218px; float:left; margin-left:-1px; position:relative; background:url(../images/news.gif) no-repeat;}
.product{ width:346px; height:218px; margin-left:6px; background:url(../images/peo.gif) no-repeat; display:inline;float:left;}
.about{ width:322px; height:218px; float:right; margin-right:-1px; position:relative; display:inline; background:url(../images/about.gif) no-repeat;}
.title{ height:31px; width:100%; line-height:30px;}
.title .tit{ float:left; padding-left:19px; font-size:14px; font-weight:bold; color:#333;}
.title .more{ float:right; padding-right:18px; text-transform:uppercase;}
.news .cont{ width:292px; margin:0 auto; padding-top:6px;}
.news li{ line-height:24px; width:100%; float:left;}
.news li i{ margin:10px 5px 0 0; border-color:#666;}
.news li a{ float:left; width:200px; height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li span{ float:right; color:#999;}
.about .cont{ padding:6px 15px 0 15px;}
.about .cont a{ color:#3f65b8;} 

.slide_x{overflow:hidden;position:relative;width:322px; margin:0 auto;height:175px; padding-top:6px;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:322px;height:140px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:322px; height:140px;}
.slide_x .list li .photo{ overflow:hidden; float:left; width:146px; height:125px;}
.slide_x .list li img{vertical-align:top; display:block;}
.slide_x .list li .text{ float:right; width:168px;}
.slide_x .list li .text .tit a{ color:#666;}
.slide_x .list li .text .tit{ text-align:center; font-weight:bold;}
.slide_x .list p{ display:none;position:absolute;bottom:0;left:0;width:100%;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.slide_x .btn{overflow:hidden;position:absolute;bottom:10px;right:120px;}
.slide_x .btn li{float:left;width:11px;height:11px;margin:0 0 0 10px;border-radius:11px;background:#dfdfdf;color:#dfdfdf;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn .selected{background:#bababa;color:#bababa;}
.fm{ margin-top:15px; width:100%; background:#7d7f84; height:137px;}
.fm .cont{ width:1000px; margin:0 auto;}
.fm .cc{ width:1200px; position:relative;}
.fm dl{ float:left; width: 215px; padding:10px 0 0 10px;}
.fm dt{ font-family:"Microsoft YaHei", simhei, sinsun; font-size:14px; line-height:35px;}
.fm a{ color:#fff;}
/*content*/
/*footer*/
.footer{ width:1000px; margin:0 auto; height:32px; line-height:32px; background-color:#6F7277}
.footer a{ color:#FFFFFF}
/*footer*/

.side{ width:220px; float:left;}
.main{ width:760px; float:right; background:#f9f9f9;}
.s_cate{ width:220px;}
.s_cate .tit{ width:220px; background:#057bc4; height:48px; line-height:48px; font-size:20px; color:#fff; font-family: verdana,"Microsoft YaHei",simsun; /*text-align:center;*/ text-indent: 25px;}
.s_cate .cont{ background:#f9f9f9; padding-bottom:10px;}
.s_cate .bot{ background:url(../images/b.gif) no-repeat; width:220px; height:5px;}
.s_cate li{ width:100%;  line-height:44px;}
.s_cate li a{ color:#333; font-size:14px; padding: 11px 25px; line-height: 20px; border-bottom: 1px solid #d4d4d4; display: block; font-family:"Microsoft YaHei", simhei, sinsun; background:url(../images/sl.png) no-repeat;}
.s_cate li div{ display:none;}
.s_cate li a:hover{ color:#333; text-decoration:none;}
.s_cate li.current,.s_cate li.on,.s_cate li.current i,.s_cate li.on i{ color:#333; text-decoration:none;  }
.s_cate li.current a,.s_cate li.on a,.s_cate li a:hover{ color:#333; text-decoration:none; background-color: #eaeaea;}
.s_cate li div li{ line-height:31px; text-indent:33px; width:100%;  }
.s_cate li div li a,.s_cate li.current li a{ background:url(../images/dt.gif) no-repeat; border-bottom: 0;}
.s_cate li div li a:hover,.s_cate li div li.current a:hover,.s_cate li div li.current a{ background-color: #f0f0f0;}
.s_cate li div li div li{ border-bottom:none; background:none; border:none; text-indent:0; line-height:24px;}
.s_cate li div li div li a,.s_cate li div li.current div li a{ background:none;}
.s_cate li div li div li.current a{ background-color: #f0f0f0;}
.s_cate li div li div li i{ border-color:#999; margin:14px 5px 0 36px;}
.s_cate li div li div li a{ color:#999;}
.s_cate li div li a{ font-size:12px; color:#333;}
.s_cate li div li a:hover{ color:#333; text-decoration:none;}
.s_cate li.current div li div a{ color:#666;}
.s_cate li.on div li a,.s_cate li.current div li a,.s_cate li div li a{ color:#333; border-bottom: 0; padding: 0; line-height:31px;}
.s_cate li.on div li a:hover,.s_cate li.current div li a:hover,.s_cate li div li a:hover{color:#333; text-decoration:none;}
 
.mtop{ line-height:46px; height:46px; overflow:hidden; width:100%; border-bottom:1px solid #d4d4d4;}
.mtop .tit{ float:left; font-size:16px; color:#333; padding-left:17px;}
.loadd{ float:right; color:#333;}
.loadd a{color:#333;}
.loadd span{color:#333;}
.ny_dan{ padding:20px; height:auto!important; height:500px; min-height:500px;}

.ny_pro{ width:715px; margin:0 auto; padding-top:20px; height:auto!important; height:500px; min-height:500px; }
.ny_pro li{ height:230px; width:230px; float:left; padding-top:17px; background:url(../images/bb.gif) repeat-x bottom;}
.ny_pro li .photo{ width:220px; height:220px; overflow:hidden; border:1px solid #cfcfcf; float:left;}
.ny_pro li .photo img{ display:block; width: 120px; height: 220px;}
.ny_pro li .text{ float:right; width:220px; color:#666; overflow: hidden;}
.ny_pro li .text .tt a{ font-weight:bold; color:#057bc4; text-align:center; margin-left:70px;}
.ny_pro li .text a{ color:#d00303;font-weight:bold; white-space: nowrap;}


.pd{ width:730px; padding-top:40px;height:auto!important; height:700px; min-height:700px; margin: 0 auto}
.pd1{ height:200px; width:730px;}
/*.pd1 .bimg{ width:353px; height:272px; float:left; text-align: center; background: #ccc;}*/
.pd1 .bimg{ width:160px; height:160px; float:left; text-align: center; background: #ccc; border:1px solid #eaeaea;}
.pd1 .bimg img{ max-width:160px; max-height: 160px;}
.pd1 .text{ float:right; width:550px;}
.pd2{ width:100%;}
.pd2 .dt{ width:100%; background:url(../images/dt.jpg) left top no-repeat; height:34px; border-bottom:1px solid #057bc4; font-family:"Microsoft YaHei"; font-size:14px; text-indent:10px; color:#fff; line-height:34px;}
.message{height:auto!important; height:500px; min-height:500px; }


/*֤*/
.ny_hor{ width:750px; margin:0 auto;height:auto!important; height:500px; min-height:500px; padding-top:20px; }
.ny_hor ul{ overflow: hidden;}
.ny_hor li{ float:left; width:196px;  text-align:center; font-family:verdana,"Microsoft YaHei", simhei, sinsun; font-size:14px; margin: 0 0 10px 40px; }
.ny_hor li a{ color:#333;}
.ny_hor li .photo{ width:170px; height:200px; padding:2px 3px; border:1px solid #cbcbcb; overflow:hidden;}
.ny_hor li .photo a{ width:170px; height:200px; display:block; overflow:hidden; background: #f1f1f1;}
.ny_hor li .photo img{ display:block;}


.ny_news{width:705px;  margin:0 auto; height:auto!important; height:700px; min-height:700px; padding-top:20px;}
.ny_news li{ width:100%; height:36px; font-size: 12px; line-height:36px; float:left; background:url(../images/nb.gif) repeat-x bottom;}
.ny_news li a{ float:left; width:600px; height:36px; display:block;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#434343; }
.ny_news li i{ margin:16px 5px 0 0;}
.ny_news li a:hover{ text-decoration: none; color: #057bc4;}
.ny_news li a:hover i{ border-color: #057bc4;}
.ny_news li span{ float:right; color:#999;}





.bgbaititle{ margin:15px auto 30px auto; width:1000px; height:40px; border-bottom:#eaeaea solid 1px;}
.bgbaititle .xian{ width:57px; height:39px; border-bottom:#0094d4 solid 2px; position:absolute;}
.bgbaititle .bgbaititle_left_left{ height: 20px; line-height: 16px; text-align: center; font-weight:bold; color:#333333; font-size:16px; font-family: "Microsoft YaHei";}
.bgbaititle .bgbaititle_left_right{ line-height:16px; font-size:14px; color:#8f8f8f; margin-left:10px;}
.bgbaititle a{ margin-top:2px;}

#demoa{ width:1000px; margin:0 auto;overflow:hidden;}

.indexpro{ width:1000px; margin:0 auto;}
.indexpro td{ width:275px;}
.indexpro td .indexprobox{ width:236px; height:252px; border:#f5f5f5 solid 5px; font-size:13px; line-height:20px; color:#888888; text-align:center;}
.indexpro td .indexprobox div{ width:96%; padding:0 2%; text-align:center; float:left;}
.indexpro td .indexprobox .indexprobox1{ margin-bottom:6px;}
.indexpro td .indexprobox .indexprobox1 img{ width:225px; height:225px;}