@charset "utf-8";
/*ʽ*/
*{padding:0px; margin:0px;}
html { overflow-x: hidden; overflow-y: auto; }
body{font-size:12px; color:#000;}
img,table,.cl {border:0px;}
a:link,a:visited {font-size:12px; text-decoration:none;color:#000; }
a:hover{font-size:12px; text-decoration:none; color:#000;}
ul,li{list-style:none; margin:0px; padding:0px;}
.cl{height:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;clear: both;}
.x_line1{ background:url(../images/main_bg.jpg) no-repeat; height:8px; line-height:1px; font-size:1px; margin:0; padding:0px; clear:both;}

/*--hesd--*/
#head{width:1002px; margin:0 auto;}
#head #logo{width:444px; height:88px; float:left;}
#head .tel{float:right;letter-spacing:0px; margin-right:0px; color:#ff0300; font-size:21px; font-weight:bold; padding:15px 100px 0 0; width:260px;}
#head .tel span{font-size:18px;}
#head .tel div{float:right;width:160px;text-align:justify;text-justify:distribute-all-lines; }
#head .tel div p{letter-spacing:0px;}

#head #menu{background:url(../images/menu_bg.jpg) repeat-x; height:36px; line-height:36px;display:block; clear:both; padding-left:110px; clear:both;}
#head #menu li{background:url(../images/y_line1.jpg) no-repeat left top; height:36px; line-height:36px; float:left; width:81px; padding-left:2px; text-align:center;} 
#head #menu li a:link,#head #menu li a:visited{background:url(../images/menu_linkbg.jpg) no-repeat; display:block; width:81px; height:36px;}
#head #menu li a:hover{color:#ff0300;}
/*--main--*/
#main{width:1002px; margin:0 auto; background:url(../images/main_bg.jpg) #21323a no-repeat left top; padding:8px 0 4px 0;}
#main #m_left{height:360px; background:url(../images/main_leftbg.jpg) no-repeat; padding-left:22px; width:308px; float:left;}
#main #m_right{padding:10px 0 0 25px; width:608px; float:left;}
#main #m_right .title{background:url(../images/title1.jpg) no-repeat; height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:14px; padding-left:15px; clear:both;}
#main #m_right .title a{height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:14px;  clear:both;}
#main #m_right .cont{padding:10px;}
#main #m_right .cont .img_block{width:184px; height:123px; float:left;}
#main #m_right .cont .img_block img{width:180px; height:119px; border:solid 2px #fff; }
#main #m_right .cont ul.text{float:left; display:block; height:110px; overflow:hidden; line-height:150%; color:#fff; width:380px;margin-left:15px;}
#main #m_right .cont ul.text a {float:left; display:block; height:110px; overflow:hidden; line-height:150%; color:#fff; width:380px;}
#main #m_right .cont .scroll_img{background:#000; height:110px; width:588px;}
#main #m_right .cont .scroll_img li{width:139px; height:100px; float:left; padding:4px;}
#main #m_right .cont .scroll_img li img{width:139px; height:100px;}

/*--page2--*/
#main2{width:1002px; margin:0 auto;padding:0 0 4px 0;background:url(../images/main_leftbg.jpg);}
#m_left2{width:185px; float:left;}
#m_left2 .title{color:#f00; font-size:18px; font-weight:bold; text-align:center; margin-top:5px;}
#m_left2 .left_menu{width:105px; float:left;}
#m_left2 .left_menu li{padding:0 0 0 17px; height:30px; line-height:30px;}
#m_left2 .left_menu li a:link,#m_left2 .left_menu li a:visited{color:#fff; font-weight:bold; font-size:14px;}
#m_left2 .left_menu li a:hover{color:#e62e13;}
#m_left2 .left_piclist { float:left; background:#000; padding:6px 2px 2px 2px;}
#m_left2 .left_piclist li{width:76px; height:83px; text-align:center;}
#m_left2 .left_piclist li img{width:70px; height:77px; border:solid 1px #727675;}
#m_right2{width:672px; background:#21323a; float:left; padding:10px 100px 0 25px;height:auto!important;height: 550px;min-height:550px; }
#m_right2 .title{background:url(../images/title1.jpg) no-repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#fff; padding-left:15px;}
#m_right2 .cont{padding:10px;}
#m_right2 .cont .pic_list{height:auto!important;height: 550px;min-height:550px;  }
#m_right2 .cont .pic_list li{width:255px; float:left; margin:0 23px 20px 23px;}
#m_right2 .cont .pic_list li img{width:249px; height:148px; border:solid 3px #fff;}
#m_right2 .cont .img_text{line-height:200%; color:#fff;}
.jump{clear:both; height:30px; line-height:30px; text-align:right; padding-right:50px;}
.jump a:link,.jump a:visited{color:#0ff;}

.quote_table{background:#000; width:650px;}
.quote_table th{background:#a91818; padding:5px; color:#fff; font-weight:normal;}
.quote_table td{background:#eaeaea; padding:10px;}
.contact_table{width:644px; background:#000; color:#000;}
.contact_table td{background:#ffffd0; padding:3px;}
.contact_table th{background:#a91818; padding:3px; font-weight:normal; color:#fff;}
#m_right2 .cont .text{line-height:150%; color:#fff;}
.mail{color:#fff; font-size:18px; font-weight:bold; text-align:center; margin-bottom:50px;}
.mail span{color:#0ff;}
.message{width:500px;}
.message td{background:#e4e4e4; padding:5px;}
.message input{ border:solid 1px #0c0c0c; width:200px;}
.message_cont{width:300px; height:100px;border:solid 1px #0c0c0c;}
.message .button1{background:url(../images/button1.jpg) no-repeat; width:76px; height:20px; border:none 0px;}
/*--foot--*/
#foot{width:962px; margin:0 auto; background:url(../images/foot_bg.jpg) repeat-x; padding:0 20px 0px 20px;  background-color:#a91818;}
#foot ul{height:20px; line-height:20px; text-align:center; color:#fff;}
#foot ul span{color:#0ff;}
#foot p{text-align:center; line-height:200%; padding-top:10px; color:#fff;}
.img_text a:link,.img_text a:visited{color:#fff;}
#foot ol{height:30px; line-height:30px; color:#fff;}
#foot a:link,#foot a:visited{color:#fff;}
 
.list{height:auto!important;height: 500px;min-height:500px; padding-top:10px; }
.list a:link,.list a:visited{color:#fff;}
.list a.list_title:link,.list a.list_title:visited{font-weight:bold; display:block;width:531px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  }
.list a.list_title:hover{color:#f00;}
.list_cont{ height:80px;} 



.viewerContainer{clear:both;position:relative;width:308px;height:357px;}
.viewerBody{width:308px;height:357px;overflow:hidden;}
.viewerBody img{width:308px;height:357px;border:0;}
.viewerTitle{display:none;}
.viewerButton{position: absolute;right:3px;bottom:3px;z-index:4;}
.viewerButton a{float:left; width:16px; height:16px; line-height:16px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; background:#000;}
a.active{color:#fff;background:#FF4500;}
a.normal{color:#fff;background:#000;}
img.show{display:block;}
img.hidden{display:none;}


.scollLeft {display:none; }
.scollRight {display:none;}
.scrollList_1 {float:left;position:relative;width:588px;overflow: hidden; background:#000; height:100px; padding:5px 3px 7px 5px;}
.scrollList_1 div {position:relative;width:10000px;overflow:hidden;}
.scrollList_1 div ul {float:left;}
.scrollList_1 div ul li {float:left;border:1px solid #909090;margin-right:15px;_display:inline;width:133px;height:100px;position:relative;overflow:hidden;}
.scrollList_1 div ul li ol{width:133px;height:100px;line-height:100px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.scrollList_1 div ul li p{position:static;+position:absolute;top:50%;}
.scrollList_1 div ul li img{position:static;+position:relative;top:-50%;left:-50%;}

#m_right2 .title{color:#fff; font-size:18px;}
#m_right2 .title  a:link,#m_right2 .title  a:visited{color:#fff; font-size:18px;}
#m_right2 .cont .text a:link,#m_right2 .cont .text a:visited{color:#fff;}


.qq{width:125px; border:1px solid #126b95; padding:1px; background:#fff;}
.qq .title{background:#03567d; height:30px; line-height:30px; padding-left:20px; font-weight:bold; color:#fff; border-bottom:1px solid #fff;}
.title2{background:#d7ebf5; height:11px; border:1px solid #d7ebf5;}
.title2 div{border:1px solid #fff; height:10px; font-size:1px; line-height:1px; padding:0px; margin:0px;}
.qq .cont{padding:7px 0px 7px 0px;background:#fff;border-top:1px solid #c4dce7; line-height:20px;font-size:14px;  font-weight:bold; text-align:center;}
.qq .cont a:link,.qq .cont a:visited{color:#03567d;font-size:14px;}