锘緻charset "utf-8";

/*缃戦〉鏁翠綋*/
*{font-family: Arial;}
html, body{height:100%;}
body {color: #000000;font-size:13px;margin:0; padding:0; background: url(../images/style/bg.jpg) left top no-repeat;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, fieldset, label, legend,button{ margin:0;padding:0;border:0;}
table, tr, td,th{margin:0;padding:0;}
.procontent{line-height:23px; margin:5px 10px;}
.procontent table{ border:#fff solid 1px;max-width:730px; border-spacing:0;}
.procontent td{border:#ccc solid;border-width: thin; padding:1px; }
ul,ol,li{list-style:none;}
.spaceline{clear:both; height:10px;}
.clear{ clear: both; }
*html{background-image:url(about:blank);background-attachment:fixed;}

/*榛樿閾炬帴*/
a {color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; color:#36C;}
a:hover {text-decoration: none;color: #0000FF;}
a:active {text-decoration: none;}

/*甯哥敤棰滆壊*/
.black{color:#000000;}
.grey{color: #999;}
.white{color:#FFFFFF;}
.red{color:#FF0000;}
.yellow{color:#FFFF00;}
.orange{color: #FF5B0D;}
.bule{color:#0000FF;}
.green{color:#00FF00;}

/*琛ㄥ崟椤圭洰*/
input,textarea,select{vertical-align:middle; padding:6px 5px; margin:5px 2px;font-size:14px;color: #333;border-radius:15px;}
.submit{color: #333;background: #ddd;border:#ccc solid 1px;padding:8px 20px; margin:8px 2px;border-radius:15px;cursor:pointer; font-weight:bold;}
.submit:hover{ background: #333;border: solid 1px #111; color: #FFF;}

#search{ margin:0 0 8px 0;width:230px;overflow:hidden;border:#ddd solid 1px;}
#search #key{width:168px; border: none; margin:0;padding:8px 5px;border-radius:0;}
#search #submit{ background: #F7F7F7; width:50px; border: none;margin:0; padding:9px 0;color:#666; text-align:center; cursor:pointer;border-radius:0;}
#search #submit:hover{ background: #ddd;}

/*缃戦〉涓讳綋*/
#main{min-height:100%;margin:0 auto -110px auto; padding:0;}

/*缃戦〉椤堕儴*/
#header{ }
#top{width:1000px; margin:0 auto; padding:10px 0;line-height:70px;}
#top img{vertical-align:middle;max-width:1000px;max-height:300px;}

/*鍏徃鍚嶇О*/
.webname{margin-left:8px; font-size:25px; color:#333; font-weight:bold;vertical-align:middle; }

/*瀵艰埅鏍?/
#menubg{margin:0 auto;clear:both;background:#09F;height:40px;width:100%;-webkit-box-shadow:0px 1px 6px #999;left:0;right:0;z-index:9999;}
#menu{width:1000px; height:40px; margin:0 auto;}
#menu ul li{position:relative;float:left; height:40px;}
#menu ul li a{text-align:center; line-height:40px; padding:0 30px;display:block; height:40px; color:#FFF; font-weight:bold; font-size:15px;}
#menu ul li a:hover{background: #ddd; color: #333;}

#menu ul li ul{z-index:99; position:absolute; width:200px; display:none; top:40px; left:0px;}
#menu ul li li{position:relative;height:30px;}
#menu ul li li a{height:30px; line-height:30px; color:#333;background:#fff;width:190px; text-align:left; padding:0 0 0 10px; font-size:13px; border-left:#CCC solid 1px; border-bottom: #CCC solid 1px;border-top:#CCC solid 1px; border-right: #CCC solid 1px;overflow:hidden;}
#menu ul li li a:hover{background: #666; color: #000;}

#menu ul ul ul{z-index:199; position:absolute; width:200px; top:0px; left:201px;}
#menu li.ooo{background: #ddd;}
#menu li.ooo a{color:#333;}
#menu li.ooo li a{color:#333;}
#menu li.ooo li a:hover{background: #ddd; color:#000;}
#menu li li.ooo a{background: #ddd; color:#333;}
#menu li li.ooo ul a{background: #ddd;color:#333;}
#menu li li.ooo ul a:hover{background: #F8F8F8; color:#000;}

/*banner*/
.index_banner{position:relative; overflow:hidden; margin:0 auto 8px auto;}
.index_banner li{position:absolute; z-index:1; left:0px; top:0px; width:100%; display:none;}
.index_banner li a{display:block;text-indent:-9999px;}
.index_banner .btnDiv{position:absolute; z-index:10; left:0px; bottom:15px; width:100%; text-align:center;}
.index_banner .btnDiv span{display:inline-block; width:22px; height:22px; background:url(/images/indexbannerbtn.png) center no-repeat; cursor:pointer; margin:0 3px;}
.index_banner .btnDiv .spanNow{background:url(/images/indexbanner.png) center no-repeat;}

/*宸﹁竟鍒嗙被*/
#left_class{background: #F7F7F7; margin-bottom:8px; width:230px;overflow:hidden;border:#ddd solid 1px;}
#left_class h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_class span{font-size:11px; color: #999999; font-weight:normal;}
#left_class ul{list-style-type:none;}
#left_class ul li a{color:#000000;  padding:10px 0 10px 8px;  display:block; border-bottom:#dddddd solid 1px; background:url(/images/style/class_bg.jpg) bottom repeat-x;}
#left_class ul li a:hover{color: #F60;}
#left_class ul li ul li a{color: #666; font-weight: normal;padding:8px 0 8px 8px; display:block; background:#F4F4F4;}
#left_class ul li ul li a:hover{color: #F60;}

/*宸﹁竟浜у搧*/
#left_product{background: #F7F7F7;width:230px;overflow:hidden; color:#666;margin-bottom:8px; padding:0 0 8px 0;border:#ddd solid 1px;}
#left_product h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_product li{ clear:both; padding:5px 0; border-bottom:dashed #ddd 1px;}
#left_product img{ border:#ddd solid 1px; margin: 0 5px; float:left;max-width:50px;max-height:50px;}
#left_product a{ color:#666;}

/*宸﹁竟鑱旂郴鏂瑰紡*/
#left_contact{background: #F7F7F7;width:230px;overflow:hidden;border:#ddd solid 1px;}
#left_contact h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_contact p{margin:5px; line-height:25px;}

/*宸﹁竟骞垮憡*/
#zdy_left{width:230px;overflow:hidden;text-overflow:ellipsis; margin:8px 0 0 0; }

/*鍐呭鏄剧ず鍖?/
#mainbody{ width:1000px; margin:0 auto;clear:both; background: none;}
#left{ width:230px; float:left; }
#right{margin-left:-240px;float: right; width: 100%;}
#rightbody{margin-left:240px;background: #F7F7F7;border:#ddd solid 1px;}

/*鍏ㄥ睆鑷€傚簲
#mainbody{clear:both; background: none;}
#left{ width:230px; float:left; }
#right{margin-left:-240px;float: right; width: 100%;}
#rightbody{margin-left:240px;background: #FFF;}
*/

.title{font-size:16px; font-weight:bold; color: #333; line-height:35px; padding-left:10px; border-bottom:#CCC solid 1px; background: #F7F7F7;}
.title a{color: #333;}
.title a:hover{color: #069;}

.class_main{overflow:hidden;text-overflow:ellipsis; background: #FFF;border:#ddd solid 1px; }
.class_title{font-size:16px; font-weight:bold; color: #333; line-height:35px; padding-left:10px; border-bottom:#CCC solid 1px; background: #F7F7F7;}
.class_title a{color: #333;}
.class_title a:hover{color: #069;}

.titlepage{font-size:20px; font-weight:bold; color: #333; line-height:30px; padding:20px 0; border-bottom:#CCC solid 1px; background:#FFF; text-align:center;}

.weizhi{color: #666; width:990px; margin:0 auto 8px auto; line-height:30px; padding-left:10px; background:#FFF;border-bottom:#ddd solid 1px;}
.weizhi a{color:#333;}
.yzg_t{ color:#245E9D;  padding:3px 10px;font-weight:bold; border:#FFFFFF solid 1px; background: #EEEEEE; height:20px; line-height:20px; margin:0 0 8px 0;}
.content{line-height:23px; margin:5px 10px;}
.content img{max-width:740px;height:auto;width:expression(this.width > 740 ? "740px" : this.width);}
.td_left{ text-align:right;}
.td_right{ text-align:left;}
.border_hui{border:#E7E7E7 1px solid;}
.line_buttom_hui_xuxian{border-bottom:#E7E7E7 1px dashed;}
.border_hui_xuxian{border:#E7E7E7 1px dashed;}
.border_main{overflow:hidden;text-overflow:ellipsis; background: #FFF; }
.sitemap{ background:#FFF;}

/*CSS鎴彇瀛楃涓插浣欏瓧绗﹀苟浠ョ渷鐣ュ彿鏄剧ず(鍏煎鍚勪富娴佹祻瑙堝櫒)

.testClass{
    width: 220px;
    height:24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}*/

.news{border-bottom:#CCCCCC dashed 1px; padding:5px 5px 5px 5px; margin-bottom:5px; height:90px; color:#999;overflow:hidden;}
.news:hover{background: #F2F2F2;}
.news a{ font-weight:bold;}
.news img{ float:left; margin:5px;}
.pic{background:#FFFFFF; background:url(/images/reflash.gif) center no-repeat;}

.pro{overflow:hidden;text-overflow:ellipsis; float:left; padding:0; margin:8px 5px;border:solid  #ddd 1px; text-align:center;}
.pro:hover{border:solid  #9CF 1px;}
.pro_image{ position:relative;display:table-cell;text-align:center;vertical-align:middle; }
.pro_image p a {display: table-cell;vertical-align:middle;*display: block;text-align:center;}
.pro_image img {vertical-align:middle;margin:0 auto;}
.pro_name{ height:85px;overflow:hidden; text-align:center;}

/*浜у搧鎮诞鏀惧ぇ*/
.pictureDIV {float:left;width:300px; margin:5px;}

.jqzoom{ border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; }
.zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
.jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px;left:0px; width:20px; height:20px; border:1px solid #aaa; background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{ width:300px; height:300px; border:1px solid #b7b7b7;text-align:center;display:table;position:relative;}
.spec-preview a{width:298px; height:298px;display:table-cell;vertical-align:middle;}
.spec-preview .jqzoom img{max-width:300px;max-height:300px;vertical-align:middle;}
* html .spec-preview .jqzoom img { /* for IE6 */
width: expression(this.width > 300 && this.width > this.height ? 300 : auto);
height: expression(this.height > 300 ? 300 : auto);
}
.spec-scroll{ clear:both; margin-top:5px; width:302px; }
.spec-scroll .prev{ float:left; margin-right:5px; }
.spec-scroll .next{ float:right; }
.spec-scroll .prev,.spec-scroll .next{ display:block;  text-align:center; width:10px; height:54px; line-height:54px; border:1px solid #CCC; background:#EBEBEB; cursor:pointer; text-decoration:none; }
.spec-scroll .items{ float:left;position: relative;width:267px; height:56px; overflow:hidden; }
.spec-scroll .items ul{ list-style:none; position:absolute; width:999999px; height:56px;left:0px; }
.spec-scroll .items ul li{ float:left;margin-right:5px;vertical-align:middle;}
.spec-scroll .items ul li img{ border:1px solid #CCC; padding:2px; height:50px;width:50px;}
.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px;}
.pro_show_right{float:right; width:680px; line-height:25px;}

/*鍒嗛〉鏍峰紡*/
#page {padding:8px; margin: 3px;  text-align: center; clear:both;}
#page a{border:#01B0ED 1px solid; padding:5px 8px; margin:2px; color:#fff; text-decoration:none;border:#ddd solid 1px;background: url(/images/style/title_bg.jpg) repeat-x;}
#page a:hover{color:#333;background: #ddd;}
#page span.current{border:#ddd solid 1px;padding:5px 8px; margin:2px;color: #000;background: #ddd; font-weight:bold;}
#page span.disabled{border:#eee 1px solid;padding:5px 8px; margin:2px;color: #DDDDDD;}
#page span.text {border:#eee 1px solid;padding:5px 8px; margin:2px;color: #666666;}

/*浜у搧鍥剧墖*/
.Pro_Info{text-align:center;border-bottom:1px solid #CCCCCC; padding:5px 0;}
.Pro_Images{padding:2px;}
.Pro_Images img{display:inline; width:80px; height:80px;margin:0 5px;border:1px solid #ccc;filter:alpha(opacity=50);opacity:0.3;cursor:pointer;}
.Pro_Images .active{filter:alpha(opacity=100);opacity:1;border-color:#999;}
.Pro_BigImage{text-align:center; border-top:#CCCCCC dashed 1px; padding:5px 0 0 0;}
.Pro_BigImage img{margin:0 auto;cursor:pointer;}

/*鍙嬫儏閾炬帴*/
#link_txt{width:990px; margin:5px auto; padding:5px; line-height:25px; }
#link_img{width:990px; margin:5px auto; padding:5px; }

/*缃戦〉搴曢儴*/
.footerpush{height: 110px;}
#foot{border-top: #ddd 1px solid; margin:8px auto 0 auto;line-height:25px;padding:10px 0;color:#666666; text-align:center; clear:both;height: 90px; background: url(../images/style/foot_bg.jpg) bottom repeat-x;}
#foot a{color:#666666;}

/*婊氬姩瀹㈡湇*/
#rightDiv{width:150px;background: #09F;display:block;overflow:hidden;position:absolute;z-index:900;border-radius:5px ; padding:5px 0;}
#rightDiv p{text-align:left;}
#rightDiv p a{color: #FFFFFF; padding:8px 0 5px 20px;display:block; font-size:15px; font-weight:bold;}
#rightDiv div{border: #09F solid 1px; background: #FFFFFF;text-align:center; padding:8px 0 0 0;}
#rightDiv a {margin:0 0 5px 0; display:block; padding:0;}

/*璇█*/
#lang{ width:970px; margin:0 auto ; z-index:999;position: absolute;left: 50%;top: 0px;margin-left: -485px;}
#lang ul{ float:right; list-style:none; margin:0; padding:0;}
#lang ul li{margin:0 2px 0 0; float:left;padding:0;}
#lang ul li .here{ background: #E3F7FF;}
#lang ul li a{padding:5px 5px 5px 5px;border-radius: 0 0 5px 5px ;background: #F3F3F3; display:block;}
#lang ul li a:hover{background:#E3F7FF;}

/**/
body{background: #FFF;}
#mainbody{padding:1px; background:#FFF;}
.webname{color: #333;}
#menubg{-webkit-box-shadow: none;height:50px;}
#menubg,#rightDiv{background: #2771A0;}
#menu{height:50px;}
#menu ul li{height:50px;}
#menu ul li a{line-height:50px;height:50px;font-size:16px;}
#menu ul li ul{top:50px; left:0px;}
.weizhi{color: #999; margin:0 auto; padding:0 6px; border:none;}
.weizhi a{color:#333;}
#rightDiv div{border: #ddd solid 1px; }
#foot{border-top: none; margin:0 auto;background: #2771A0;}
#foot,#foot a,#link_txt,#link_txt a{ color:#fff;}
.index_banner{margin:0 auto;}
.submit,#search #submit:hover,#menu ul li a:hover,#menu li.ooo,#menu li.ooo li a:hover,#menu li li.ooo a,#menu li li.ooo ul a,#page a:hover,#page span.current{background: url(/images/style/n_bg.jpg) repeat-x;}

#search,#left_class,#left_product,#left_contact,#rightbody,.class_main{border:#ddd solid 1px;}

.tou{ width:100%; height:30px; line-height:30px;margin:0 auto; background-color:#eeeeee;overflow:hidden; font-size:12px;}
.tou1{ width:1000px; margin:0 auto; }
.tou11{ width:50%; float:left; }
.tou12{ width:50%;  float:right;  text-align:right; }

.cpy221{ width:470px; min-height:100px;_height:100px; display:inline; float:left;  border-bottom:1px dashed #cacaca; margin-top:10px; margin-bottom:10px; margin-left:20px;}
.cpy2211{ width:120px; height:120px; display:inline; float:left; }
.cpy22111{ display:inline; float:left;border:1px solid #d4d4d4; padding:8px;}
.cpy22112{ width:100px; height:30px; display:inline; float:left;  text-align:center; overflow:hidden; margin-top:10px;}
.cpy22112 a{ text-decoration:none; font-size:14px;  color:#333333; line-height:30px;}


.cpy2212{ width:340px; min-height:100px;_height:100px; display:inline; float:right; }
.cpy22121{ width:340px; height:30px; display:inline; float:left; background-color:#ffffff; text-align: left; overflow:hidden;}
.cpy22121 a{ text-decoration:none; font-size:16px;  color:#333333; line-height:30px; font-weight:bolder;}
.cpy22122{ width:340px; min-height:40px;_height:40px; display:inline; float:left;  text-align:left; overflow:hidden;}
.cpy22122 a{ text-decoration:none; font-size:13px;  color:#333333; line-height:20px;}


.syright2{ width:1000px; height:400px; display:inline; float:left; margin:20px auto; }
.syright21{ width:326px; height:398px; display:inline; float:left;  border:1px solid #cccccc}
.syright211{ width:326px; height:30px; display:inline; float:left;  text-align:left; overflow:hidden;}
.syright211 a{ text-decoration:none; font-size:15px;  color:#000000; font-weight:bolder; line-height:30px; margin-left:20px;}
.syright212{ width:326px; height:130px; display:inline; float:left;  }
.syright213{  display:inline; float:left;  margin-left:10px; overflow:hidden; text-align:left; line-height:25px; max-height:345px;}
.syright213 a{ text-decoration:none; font-size:13px;  color: #069; line-height:22px;}

.syright22{ width:326px; height:398px; display:inline; float:left; border:1px solid #cccccc; margin-left:5px;}
.syright221{ width:326px; height:30px; display:inline; float:left; text-align:left; overflow:hidden;}
.syright221 a{ text-decoration:none; font-size:15px;  color:#000000; font-weight:bolder; line-height:30px; margin-left:20px;}
.syright222{ width:326px; height:200px; display:inline; float:left; overflow:hidden; text-align:center;}
.syright223{ width:326px;  display:inline; float:left;  margin-left:10px; overflow:hidden; margin-top:15px; text-align:left;}
.syright2231{ width:229px; height:25px; display:inline; float:left;  overflow:hidden; text-align:left}
.syright2231 a{ text-decoration:none; font-size:13px;  color:#222222; line-height:25px;}


.syright23{ width:326px; height:398px; display:inline; float:right;  border:1px solid #cccccc}
.syright231{ width:326px; height:30px; display:inline; float:left; text-align:left; overflow:hidden;}
.syright231 a{ text-decoration:none; font-size:15px;  color:#000000; font-weight:bolder; line-height:30px; margin-left:20px;}
.syright232{ width:326px; height:130px; display:inline; float:left;}
.syright233{ display:inline; float:left; margin-left:10px; overflow:hidden; text-align:left;line-height:25px;}
.syright233 a{ text-decoration:none; font-size:13px;  color:#069; line-height:22px;}

.title{background: #eee; color:#FFF; border-bottom:#2C80A6 solid 1px; padding:0;}
.title h1{ background:#2C80A6; text-align:center; width:140px;font-size:15px;}

.footmenu{ border-bottom:#FFF solid 1px; padding:0 0 8px 0; margin:0 0 8px 0;}
#rightbody {margin-left: 0; background:none; border:none;}
.content img{max-width:980px;height:auto;width:expression(this.width > 980 ? "980px" : this.width);}
.procontent table,.procontent img{max-width:980px;}
.cppic li{float:left;margin:5px 5px 5px 0; }
.propic  img{max-width:900px;}
.cpcontent table{ float:left; margin: 10px 5px 10px 5px;}

.slideBox{ width:1000px;}

/*灏忓睆骞?/
@media only screen and (max-width: 768px) {
.procontent table{ max-width:100%;}
#top{width:100%; line-height:70px; height:120px; background:url(../pic/logo/mlogo.png?1) center no-repeat;}
#top img{max-width:100%;max-height:300px; display:none;}
#menubg,#menu{width:100%; height: 100px; line-height:50px;}
#menu ul li{ width:25%;}
#menu ul li a{ background:#2771A0;padding: 0; width:100%;}
#menu ul li ul li{width:150px; height:40px;}
#menu ul li ul li a{padding: 0 0 0 10px; width:150px;height:40px; line-height:40px;}
#mainbody{ width:100%; }
.weizhi{width:100%;}
.content img{max-width:100%;width:expression(this.width > 300 ? "300px" : this.width);}
.pro_show_right{width:100%;}
#link_txt{width:100%; }
#link_img{width:100%;}
.tou1{ width:100%;}
.propic  img{max-width:100%;}
.tou{ display:none;}
#main{margin: 0 auto -200px auto;}
.footerpush {height: 200px;}
#foot{height: 200px; padding:8px 10px;}
.cpy221,.cpy22121,.cpy22122,.syright21,.syright22,.syright23{width: 100%; clear:both; margin:0 auto;}
.syright2 img{max-width: 100%; clear:both; margin:0 auto;}
.cpy2211{width:40%;}
.cpy2212{ width:60%;}
.syright2{width:98%;height: auto;}
.syright21,.syright213,.syright22,.syright23{ height: 430px;max-height: none;}
.cpcontent table{ float:left;}
#page{ line-height:40px;}
.slideBox{ width:100%;}
}