*{ margin:0; padding:0px;}
body{color:#333; font-family: microsoft yahei; font-size:14px; line-height:24px; margin:0 ; padding:0px;}
a{ color:#333; border:none}
a:link,a:hover,a:visited{ text-decoration:none; border:none; background-image:none }
img{ border:none;}
div,ul,li{ margin:0px; padding:0px; list-style:none; }
.clear{ height:0px; clear:both; overflow:hidden;}
.l{ float:left;}
.r{ float:right;}
.Pager{ text-align:center;  height:24px; line-height:24px;margin:10px 0; color:#444}
.Pager a{ color:#666666;}
.red{ color:#FF0000}


.header{width:1000px;margin:auto;height:118px; overflow:hidden;}
.tip{ width:800px; height:40px;}
.tip li{ float:right;  height:40px; line-height:40px;}
.menu{ width:750px; height:60px; margin-top:16px; }
.menu ul{ width:770px;}
.menu ul li{ height:60px; line-height:60px;float:left; text-align:center;display:inline; width:105px;}
.menu ul li.line{ width:5px; color:#cccccc;}
.menu ul li a{display:block; display:block; height:60px;  text-transform:uppercase; font-size:14px; }
.menu ul li a:hover{ color:#066dd0; border-bottom:2px solid #066dd0; }



.banner{ min-width:980px;height:325px; position:relative; margin:0 auto; overflow:hidden; z-index:1;}
.banner_show{ width:100%; text-align:center; height:325px; overflow:hidden; position:relative;}
.bannger_inbox{ position:absolute; left:50%; top:0;}

.yq_banner_list{height:25px;position:absolute; top:300px; width:100px; left:0; right:0; text-align:center; z-index:100; margin:0 auto}
.yq_banner_list a{ display:inline-block; width:12px; height:12px;background:#fff; margin-right:10px;border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;}
.yq_banner_list a.hover{background:#066dd0; }


.about_i{width:100%; height:300px;margin:0px auto;background:#f0f0f0;}
.about_i_inner{ width:1000px; margin:0 auto}
.about_i_inner_text{ width:720px; padding:30px 0; position:absolute}
.about_i_inner_text h2{ font-size:30px; font-weight:normal; line-height:42px;}
.about_i_inner_text p{ padding:10px 0}

.about_i_inner_contact{ background:#fff; width:260px;position:relative; height:340px;left: 740px; top:-65px; z-index:1; }
.about_i_inner_contact table{padding: 0 15px; }
.about_i_inner_contact div{ height:75px; background:url(../images/icon.jpg) 20px 10px no-repeat #45464a; margin-top:18px; color:#fff;  padding: 10px 0 0 20px;}
.about_i_inner_contact div span{ display:block; padding:0 0 10px 35px; color:#ff9501}
 


.product_i .nav{ width:1000px; margin:0 auto}
.product_i .nav div{ margin:0 auto; padding:30px 0; text-align:center}
.product_i .nav ul{  width: 1020px;}
.nav ul li{ float:left; width:192px;margin:0 10px 10px 0; }
.nav ul li a{ display:block; height:30px; line-height:30px; background:#999999;color:#fff; text-align:center}
.nav ul li a:hover,.nav ul .sidnavon a{ background:url(../images/nav_on.jpg) left top no-repeat; }


.product_i_list{ width:1000px; margin:0 auto; padding-top:10px;height:330px;}
.box{ width:1000px; position:absolute;display: inline-block;}
#roll{width: 200%;}
#roll dd{width:235px; border:1px solid #ccc;height: 300px;float: left;margin-right: 17px;}
#roll dd a.img{ width:215px; display:block; padding:10px 10px 0 10px;}
#roll dd a.img_title{ color:#01458e; text-align:left; padding:0 10px; height:25px; line-height:25px;}
#roll dd div{ font-size:12px; color:#666; line-height:18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 36px; padding:0 10px;}

.box span{ background:url(../images/next.png) left -106px no-repeat; position: absolute; display: inline-block;width: 70px; height:80px; left:-70px; top:100px;z-index: 90;color: #fff;}
.box .next{right: -60px; left:auto; background-position: 10px -15px;}


.content{ background:url(../images/bg.jpg) center top no-repeat #f0f0f0}
.cont{ width:1000px; margin:0 auto}
.cont .nav{ width:215px; margin-bottom:20px; }
.nav_title{ color:#fff; font-size:18px; height:55px; line-height:55px; padding-left:20px;}
.cont .nav ul{padding-top:20px;}
.cont .nav ul li a span{ display:block; background:url(../images/icon.gif) 5px center no-repeat; padding-left:18px;}
.cont .nav ul li a{ text-align:left;}
.main{ width:770px; padding-bottom:20px;}

.location{ color:#fff; height:55px; line-height:55px; margin-bottom:20px;}
.location div{ font-size:18px; }
.location span{ font-size:12px;}
.location span a{ color:#fff}

.about p{ text-indent:0; margin-bottom:10px;}

.culture{ background:url(../images/culture.jpg) left top no-repeat; padding-top:43px; padding-left:55px; height:400px;}

.culture div{ height:40px; line-height:40px; margin-bottom:20px;}

#con {
	 MARGIN: 0px auto; WIDTH: 770px
}
#tags {
	 WIDTH: 770px;  HEIGHT: 30px; background:#f8f8f8;
}
#tags LI {
	/*BACKGROUND: url(images/tagleft.gif) no-repeat left bottom;*/ background:#e3e3e3;FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 30px
}
#tags LI A {
/*BACKGROUND: url(images/tagright.gif) no-repeat right bottom; */background:#e3e3e3;FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #666; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none; width:95px; text-align:center; font-size:13px;
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; POSITION: relative; HEIGHT: 30px
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #fff; background:#01458E; 
}

.tagContent {
 DISPLAY: none; WIDTH: 770px;PADDING-TOP: 10px; HEIGHT: auto;
}
#tagContent DIV.selectTag {
	DISPLAY: block
}

.tab{ text-indent:2em;
line-height:24px;
color:#333333;
}

.news{ width:770px; overflow:hidden}
.news li{border-bottom: 1px dashed #999999; height: 35px;line-height:35px; background:url(../images/side-arrow.png) left center no-repeat; padding-left:15px;}
.news li a{ display:block; height:35px; line-height:35px;}
.news_d_title{ font-weight:bold; line-height:30px; font-size:16px; text-align:center; color:#01458e}
.news_d_hits{text-align:center; font-size:12px; padding-bottom:5px;border-bottom: 1px dashed #999999;}
.news_d_cont{ padding:10px}
.news_d_cont p{ margin-bottom:10px}




.index_pro{ width:219px; margin-right:18px; background:url(../images/pro_bg.jpg) left top no-repeat}
.index_pro_title{ height:36px; line-height:36px; margin-bottom:10px; display:block; text-align:center}
.index_pro div{ font-size:12px; color:#999}
.index_pro span{ color:#db3000}
.index_pro img{ margin:2px;}





.product ul{ width:810px;}
.product li{ float:left; width:240px; margin:0 25px 25px 0;}
.product_name { display:block; text-align:center; height:30px; line-height:30px; font-size:16px; font-weight:bold}
.product_d{ font-size:12px; color:#666; line-height:18px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; height:54px;}

.site{ background:url(../images/icon2.jpg) left center no-repeat; height:30px; line-height:30px; padding-left:20px; color:#888}
.site span{ color:#01458e; font-weight:bold; font-size:16px;}


.product_d_img{ width:770px;  height:550px; padding-top:10px; margin-left:135px; }

#preview{ float:none; text-align:center; width:400px;}
.jqzoom{ width:500px; height:452px; position:relative; overflow:hidden}

.zoomdiv{ left:859px; height:452px; width:500px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:76px; padding-top:6px; overflow:hidden; margin-left:50px;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:2px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:2px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:60px; margin:0; height:52px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:45px;}


.jqzoom{position:relative;padding:0;}
.jqzoom img{ 
border:0;  
margin:0;  
padding:0; 
max-width:500px; 
width:expression(this.width>500?"500px":this.width); 
max-height:452px; 
height:expression(this.height>452?"452px":this.height); 
}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:750px;height:938px;}
/*.bigimg{width:740px;height:600px;}*/
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:100px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:360px;  margin: 0 6px; height:52px}
#spec-list div{ margin-top:0;margin:0;}
#spec-list ul li img {padding: 2px;border: 1px solid #ccc;width: 50px;height: 45px;}


.nTab{ width:770px; background:#E3E3E3 }
.none {display:none;}
.nTab .TabTitle{ background:#ccc; height:50px;}
.nTab .TabTitle li{ float:left; cursor:pointer;height:50px;line-height:50px;text-align:center; width:385px; font-weight:bold; margin:0}
.nTab .TabTitle li a{ }
.nTab .TabTitle .active{ BACKGROUND:#01458E;color:#fff}
.nTab .TabTitle .normal{  BACKGROUND:#ccc;color:#333}
.nTab .TabContent{ width:730px; padding:20px; overflow:hidden; display:block; font-size:12px; line-height:25px;}



.contact{ line-height:25px;}
.contact h2{ padding-bottom:10px;}



.footer{width:100%; background:#272727; color:#fff; line-height:30px; padding:10px 0}
.footer_inner{ width:1000px; margin:0 auto}
.footer_inner a{ color:#fff;}
.footer_inner a:hover{ color:#fff; text-decoration:underline;}
.footer_inner li{ float:left}
.footer_inner li { margin-right:20px;}






.left_menu{width:184px;height:28px;background:url(../images/basic/nav_big.gif) no-repeat; line-height:28px; color:#fff; text-indent:2em;margin-bottom:10px; cursor:pointer;}
.left_list{margin-bottom:10px;}

img{border:none;}
a img{border:none;}


.content_left{float:left;}
.content_right{float:left;padding-left:8px; width:270px;}