﻿*{margin:0;padding:0;font-family:"microsoft yahei","微软雅黑",'SimSun',sans-serif;}
body,ul,li,td,th{margin:0;padding:0;list-style:none;}
body{font-family:"microsoft yahei","微软雅黑",'SimSun',sans-serif;font-size:14px;line-height:2em;color:#333333;background:url(bg.jpg) no-repeat center center fixed;background-size:cover;}
a{color:#000;text-decoration:none;}
a:hover{color:#eb5b05;}
img{border:none;}
.clearfix{clear:both;text-align:center;}
/*
table{border-right:1px #000000 solid;border-bottom:1px solid #000000;}
table td{border-left:1px solid #000000;border-top:1px solid #000000;}
*/
.fl{float:left;}
.fr{float:right;}
.qq{background:url(qq.gif) no-repeat left top;padding-left:25px;padding-top:5px;font-size:12px;color:#32abe1;}
.width{width:1170px;margin:0 auto;}

#top{height:120px;overflow:hidden;}
#top .logo{line-height:2.5em;}
#top .logo img{padding-right:20px;}
#top .logo h1{font-size:36px;font-family:"黑体";color:#333333;display:block;}
#top .logo h1 font{font-size:14px;color:#CC0000;padding-left:10px;font-weight:100;}
#top .logo span{font-size:14px;color:#CC0000;text-align:right;}
#top .tab{color:#CCCCCC;-webkit-text-size-adjust:none;font-size:10px;line-height:30px;text-align:right;}
#top .tab a{font-size:12px;margin:0 10px;}
#top .tel{font-size:14px;padding-left:70px;background:url(tel.gif) no-repeat left;margin-top:25px;}
#top .tel span{color:#CC0000;font-size:22px;display:block;padding-left:10px;}/*text-align:right;*/

#nav{background:url(dh.jpg) #0A4797 no-repeat center top;border-bottom:#FFCB05 3px solid;height:50px;}
#nav ul{width:1170px;margin:0 auto;background:url(nav.png) repeat-y right;}
#nav li{width:145px;float:left; background:url(nav.png) repeat-y left;}
#nav,#nav ul,#nav li{height:50px;font-size:16px;line-height:50px;text-align:center;}
#nav li a{display:block;color:#FFFFFF;}
#nav li a:hover{background:#026ca1;background-image:url(dhbai.jpg);}

#banner{height:550px;min-width:1170px;overflow:hidden;}
.flexslider{position:relative;height:550px;overflow:hidden;background:url(loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:30px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:30px;height:10px; line-height:0; font-size:0;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(next.png) center center no-repeat;}

.banner{height:120px;color:#333333;line-height:2.5em;text-align:right;}
.banner p{font-size:30px;padding-top:40px;}
.banner font{font-size:12px;display:block;}
.banner font a{color:#333333}

.con_name{height:50px;border-bottom:3px #0A4797 solid;font-size:22px;line-height:50px;}
.con_name span{padding-left:10px;text-transform:uppercase;color:#0A4797;}

.tit1{color:#333333;padding-top:50px;text-align:center;}
.tit1 span{background:url(tit1.gif) no-repeat center;}
.tit2{color:#FFFFFF;padding-top:50px;text-align:center;}
.tit2 span{background:url(tit2.gif) no-repeat center;}
.tit1 span,.tit2 span{display:block;font-size:28px;line-height:75px;height:80px;}
.tit1 font,.tit2 font{text-transform:uppercase;font-size:46px;font-family:'Impact',Geneva, Arial, Helvetica, sans-serif}

.ibg{background-color:#0A4797;}

.imore{width:150px;font-size:16px;text-align:center;margin:0 auto;clear:both; padding-bottom:50px;}
.imore a{background-color:#ff7f0b;color:#FFFFFF;display:block;height:45px;line-height:45px;}
.imore a:hover{background-color:#d5541d;}

.ibody{padding:0px 0;line-height:2.5em;}
.ibody dt{float:left;margin:14px;width:260px;text-align:center;}
.ibody dt img{border:8px solid #FFFFFF;}
.ibody dt img:hover{border:8px solid #eb5b05;}
.ibody dt a{}

.ibody li{width:525px;padding:20px;height:100px;overflow:hidden; background:#FFFFFF; margin:10px;float:left;}
.ibody li:hover{background:#f7f7f7;}
.ibody li .t{display:block;line-height:18px;height:18px;font-size:16px;}
.ibody li span{border-bottom:1px solid #CCCCCC;display:block;font-size:12px;color:#999999;height:30px;line-height:30px;}
.ibody li span a{color:#999999;margin-right:5px;}
.ibody li font{font-size:12px;color:#999999;display:block;height:50px;line-height:25px;padding:5px 0;}

.ibody dd{float:left;width:249px; margin-right:13px; background:#eee;padding:15px;color:#333333;}
.ibody dd:hover{background:#eb5b05;color:#FFFFFF}
.ibody dd img{ width:249px; height:186px;}
.ibody dd font{ font-size:16px; line-height:40px; display:block;text-align:center;}
.ibody dd span{ line-height:20px; font-size:12px;}

.pt20{padding:20px 0;}

.fixedleft{position:fixed;top:20px;z-index:999;}
.left{float:left;width:240px;color:#FFFFFF;}
.left .t{height:101px; line-height:80px; text-align:center; color:#FFFFFF; font-size:30px; background:url(leftt.gif) no-repeat center top;}
.left .b{background:url(leftb.gif) no-repeat center top; height:46px;}
.left .class{width:240px; padding:10px 0px;background:#494949}
.left .class a{color:#FFFFFF; display:block;}
.left .class li.m {position:relative;z-index:99;border-bottom:1px dotted #999999;line-height:36px;height:36px;font-size:16px; text-align:center;}
.left .class li.m:hover{background:#CC0000;}
.sub_main {position:absolute;display:none;top:0;width:150px;background-color:#ac0303;color:#fff;}
.left .class li.m:hover .sub_main{left:240px;display:block;}
.sub_main li {font-size:14px;border-bottom:1px dotted #993333;}
.sub_main li:hover {background-color:#993333;}

.right{float:right;width:860px; padding:20px; background:#f7f7f7}
.content{font-size:14px;line-height:2.5em}
.content img{margin:10px;max-width:840px}

.list_pic,.list_text{padding:15px 20px;overflow:hidden;clear:both}
.list_pic dl{height:180px;padding:10px 0;width:273px;float:left;margin-bottom:5px;}
@-moz-document url-prefix(){.list_pic dl{height:180px;padding:20px 0;width:273px;float:left;margin-bottom:5px;}}
.list_pic dl dt{width:240px;float:left;height:180px;}
.list_pic dl dt img{width:225px;height:169px;border:5px solid #EEEEEE;}
.list_pic dl dt img:hover{border:5px solid #eb5b05;}
.list_pic dl dd{width:560px;float:right;height:180px;line-height:25px;font-size:14px}
.list_pic dl font,.list_text dl font{font-size:16px;font-weight:100;display:block;text-align:center;}
.list_pic dl font a,.list_text dl font a{color:#dc0f1e;}
.list_pic dl dd .more{width:100px;height:25px;overflow:hidden;text-align:center;float:right;margin-top:15px;font-size:12px}
.list_pic dl dd .more a{color:#FFFFFF;display:block;background:#0A4797;line-height:25px}
.list_pic dl dd .more a:hover{background:#dc0f1e;}

.list_text dl dt{color:#999999;margin:5px 0;word-wrap:break-word;overflow:hidden;margin:0 auto;font-size:12px}
.list_text dl dd{color:#777;margin-bottom:10px;border-bottom:1px dashed #ccc;color:#196ba7;font-size:12px}

.list_page{line-height:20px;color:#999999;padding:20px;text-align:center;font-size:12px}
.list_page li{font-weight:normal;min-width:40px;float:left;border:solid 1px #ccc;margin:0 5px;padding:3px;}
.list_page a{display:inline;cursor:pointer;color:#999;margin:0 4px;min-width:40px;line-height:20px;display:block;}
.list_page a:hover{text-decoration:none}
.list_page li.thisclass{border:1px solid #cc0000;color:#cc0000;}
.list_page .a:hover{color:#FFFFFF;border:1px solid #cc0000;background:#cc0000}

.info_pic{padding:20px 0;width:820px;margin:0 auto;border-bottom:1px dotted #dedede;clear:both}
#preview{float:left;width:330px;height:300px;overflow:hidden;}
#spec-n img{border:1px solid #ccc;}
#spec-list{float:left;overflow:hidden;width:324px;height:47px;padding:5px 0;margin:0 auto}
#spec-list ul{padding:0;margin:0;}
#spec-list ul li{float:left;width:54px;text-align:center}
#spec-list ul li img{border:2px solid #ccc;width:47px;height:43px;}
.info_pic .text{float:left;width:230px;height:300px;overflow:hidden;padding-left:20px;}
.info_pic .text h1{font-size:18px;font-weight:500;padding-right:10px;color:#dc0f1e;}
.info_pic .text p{font-size:12px;line-height:2.2em;padding-top:15px;}
.info_pic .text span{font-size:20px;color:#e60b1e;}
.info_pic .qrcode{float:right;width:240px;height:250px;text-align:center; font-size:12px}
.info_pic .qrcode span{display:block;margin:5px;}

.text_title{font:100 18px/2.5em Microsoft Yahei;text-align:center;color:#dc0f1e;padding-top:20px;}
.text_other{text-align:center;color:#999;margin:4px 0;font-size:12px}
.text_jj{border:1px solid #CCCCCC;background:#EEEEEE;padding:10px;margin:10px auto;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;font-size:12px}
.text_jj a{font-family:verdana;color:#00f;}
.text_jj a:hover{color:#0262ae;}
.text_jj span{font-weight:bold;color:#000;}
.prenext{position:relative;margin:0 auto;line-height:25px;color:#999;border-bottom:1px #CCCCCC dotted;border-top:1px #CCCCCC dotted;font-size:12px}
.reltit{font-size:16px;height:50px;line-height:50px;border-bottom:2px solid #EEEEEE}
.relpic{padding:10px 0;overflow:hidden;font-size:12px;}
.relpic li{float:left;width:160px;margin-right:10px;}
.relpic li img{width:150px;height:112px;border:5px solid #EEEEEE;}
.relpic li img:hover{border:5px solid #eb5b05;}
.relpic li a{text-align:center;text-decoration:none;display:block;line-height:2em}
.reltext{padding:10px 0;height:auto;overflow:hidden;font-size:12px}
.reltext li{width:410px;float:left;height:30px;line-height:30px;border-bottom:1px dotted #CCCCCC}
.reltext .r{float:right}
.reltext li span{float:right;color:#888888;padding-right:5px;}

.ilink{padding-bottom:20px; color:#eee}
.ilink a{color:#eee}
.link_title{width:100%;border-bottom:1px #FFCB05 solid;line-height:30px; padding:10px 0;-webkit-text-size-adjust:none;font-size:12px;}
.link_title span{cursor:pointer;font-size:14px;}
.link_title .active{font-weight:bold;}
.link_list{margin-top:15px;display:none;font-size:12px;line-height:20px;}
.link_list a{margin-right:10px;margin-bottom:15px;width:151px;}
.links{display:block;}

.foot{ background:#0A4797;text-align:center;font-size:12px;padding-bottom:65px;}
.foot p{border-top:1px solid #FFCB05;padding:20px 0; color:#FFFFFF}
.foot p a{color:#FFFFFF}
#bar,.share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));z-index:1000;}
#bar{background:url(my.png) repeat-x 0px -251px;_display:none;width:100%;height:65px;bottom:0px;_bottom:auto;left:0;}
#bar ul{width:1170px;margin:0 auto;padding-top:5px;}
#bar ul li{color:#FFFFFF;width:300px;float:left;font-size:14px;height:60px;padding-left:80px;}
#bar ul li,#bar ul .btop a,.share a.codepic,.share .code{background-image:url(my.png);background-repeat:no-repeat;}
#bar ul .tel{background-position:-195px 0px;}
#bar ul .fax{background-position:-195px -60px;}
#bar ul .oqq{background-position:-195px -120px;}
#bar ul .mob{background-position:-195px -180px;}
#bar ul .btop a{background-position:-128px -235px;display:block;height:16px;width:30px;}
#bar ul li font{font-size:18px;color:#FFFF00;padding-left:50px;}
#bar ul .btop{width:30px;padding:20px 0;float:right;background:none;}
.share{width:32px;height:235px;background:#D5D5D5;left:0;bottom:65px;_bottom:65px;}
.share a{display:block;width:16px;height:16px;}
.share a.codepic{background-position:-112px -235px;margin:12px auto auto auto;}
.share .code{background-position:0px 0px;width:195px;height:235px;left:32px;top:0px;position:absolute;display:none;}
.bdsharebuttonbox{width:16px;overflow:hidden;margin:0 auto;}
.bdsharebuttonbox a.bds_more,.bdsharebuttonbox a.bds_qzone,.bdsharebuttonbox a.bds_tieba,.bdsharebuttonbox a.bds_tsina,.bdsharebuttonbox a.bds_tqq,.bdsharebuttonbox a.bds_weixin,.bdsharebuttonbox a.bds_sqq{margin:12px auto auto auto;background-image:url(my.png);}
.bdsharebuttonbox a.bds_more{background-position:0px -235px;}
.bdsharebuttonbox a.bds_qzone{background-position:-16px -235px;}
.bdsharebuttonbox a.bds_tieba{background-position:-32px -235px;}
.bdsharebuttonbox a.bds_tsina{background-position:-48px -235px;}
.bdsharebuttonbox a.bds_tqq{background-position:-64px -235px;}
.bdsharebuttonbox a.bds_weixin{background-position:-80px -235px;}
.bdsharebuttonbox a.bds_sqq{background-position:-96px -235px;}

/*DIY thumb*/
.thumb {width:100%;}
.thumb_img {float:left;margin:0px 10px 0px 10px;text-align:center;font-size:14px;width:400px;}
.thumb_img img{width:400px;height:360px;}
.thumb_img span {float:left;width:400px;padding-bottom:10px;}
.thumb_text {width:830px;}
.page li{ float:left; padding:0 5px;}

.hotkey {line-height:2.5em;padding:5px 0;}
.hotkey a{margin:0 5px;}
.hotkey .search {float:right;}

.ileft {width:380px; float:left;margin:0 3px;}
.ileft li {width:366px;line-height:30px;border-bottom:dashed 1px #ccc;height:30px;padding:5px 0;background:none;margin:0;}
.ileft li a {width:245px;line-height:30px;height:30px;display:block;background-image:url(icon.png);background-repeat:no-repeat;background-position:5px 5px;padding-left:35px;float:left;}
.ileft .tit3 {width:340px;border-bottom:solid 1px #ccc;font-size:18px;background-image:url(docu.png);background-repeat:no-repeat;background-position:0px 6px;padding-left:26px;}
.ileft .tit3 a {_float:left;*float:left;}
.ileft .ifr {float:right;font-size:14px;border:none;}


.ileft .faq li {width:366px;line-height:30px;border-bottom:dashed 1px #ccc;height:30px;padding:5px 0;background:none;margin:0;}
.ileft .faq li a {width:245px;line-height:30px;height:30px;display:block;padding-left:35px;float:left;background:none;padding-left:0px;}
.ileft .qus {width:245px;line-height:30px;height:30px;display:block;background-image:url(icon.png);background-repeat:no-repeat;background-position:5px 5px;padding-left:35px;float:left;}
.ileft .ans {width:245px;line-height:30px;height:30px;display:block;background-image:url(icon.png);background-repeat:no-repeat;background-position:5px 5px;padding-left:35px;float:left;}


.scrollleft{width:1170px;margin:20px auto; height:230px;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:210px;text-align:center;line-height:19px}
.scrollleft img{width:200px;height:160px;padding:2px;border:solid 1px #fff;}

.pages {
	margin: 50px auto 20px auto;
	font-size: 14px;
	text-align: center;
}
.pages ul{display: inline-block;}
.pages a,
.pages strong{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff; 
	text-decoration:none;
	color:#666;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
}
.pages .current{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #0A4797;
	background-color:#ffffff; 
	text-decoration:none;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
	
	color:#fff;
	background-color:#0A4797;
	border-color:#fff;
}
.pages a:hover{
	color:#fff !important;
	background-color:#0A4797;
	border-color:#fff;
	text-decoration:none;
}
.pages strong{
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
}
.pages span{
	padding:0 10px;
	line-height:23px;
}
