@-ms-viewport{width:device-width}

*{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none}

body,ul,li,td,th,textarea,button{margin:0;padding:0;font-family:"microsoft yahei",'simsun',sans-serif;}

body{font-size:14px;color:#333;line-height:2em;background:url(../images/bg.jpg) no-repeat center bottom fixed;background-size:cover}

a{color:#000;text-decoration:none}

a:hover{color:#c00}

img{border:none;vertical-align:middle}

input,img{vertical-align:middle;}

.cl{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden}

.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fl{float:left}

.fr{float:right}

.qq{background:url(../images/qq.gif) no-repeat left top;padding-left:25px;padding-top:5px;font-size:12px;color:#32abe1}

.w1170{width:1170px;margin:0 auto}

.tb25{padding:25px 0;overflow:hidden}

a,img,.left .class li,.nav,button{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}

table{border-collapse:collapse}

.top{background:#eee;border-bottom:1px solid #ccc;line-height:36px;font-size:12px}

.top b{float:left;font-size:18px;font-weight:100}

.top b,.top p{display:block}

.top a{margin-left:10px}

.header{height:120px;overflow:hidden}

.header .logo{padding-top:20px}



.header .tel{background:url(../images/tel.png) no-repeat left bottom;padding-left:60px;padding-top:20px}

.header .tel span{font-size:36px;color:#d00;display:block}

.headbt{background:url(../images/head.png) repeat-x;height:6px;margin-bottom:-6px}



.nav{height:50px;overflow:hidden;background:#36c;line-height:50px;font-size:16px;text-align:center}

.nav ul{width:1170px;overflow:hidden;margin:0 auto}

.nav li{width:129px;float:left;border-right:1px solid #37c}

.nav li a{display:block;color:#fff}

.nav li a:hover{background:#093}



.slide{width:100%;height:500px;overflow:hidden;position:relative}

.slide .bd{position:relative;height:100%;background:url(../images/loading.gif) no-repeat center;z-index:-999}

.slide .bd li{vertical-align:middle;display:block;height:500px;width:100%;z-index:-99}

.slide .hd{height:12px;overflow:hidden;position:absolute;left:50%;margin-left:-25px;bottom:20px}

.slide .hd ul{overflow:hidden;float:left;font-size:0;line-height:0}

.slide .hd ul li{float:left;margin-right:5px;width:12px;height:12px;line-height:12px;text-align:center;background:#333;cursor:pointer;border-radius:100%}

.slide .hd ul li.on{background:#36c}

.slide .prev,.slide .next{position:absolute;top:50%;margin-top:-20px;display:block;width:24px;height:40px;background:url(../images/flex.png) 0 0 no-repeat;filter:alpha(opacity=50);opacity:0.5;cursor:pointer}

.slide .prev{left:50px}

.slide .next{right:50px;background-position:-24px 0}

.slide .prev:hover,.slide .next:hover{filter:alpha(opacity=100);opacity:1}

.ban{height:120px;color:#333;text-align:right;font-size:12px}

.ban b{font-size:30px;padding-top:40px;font-weight:300;display:block}

.ban span{margin:0 5px;font-family:"ËÎÌå"}

.pro {width:930px}

.pro li{width:220px;overflow:hidden;float:left;margin-right:12px;margin-bottom:15px}

.pro li img{width:220px;height:160px}

.pro li span{display:block;text-align:center;background:#37c;color:#fff;line-height:30px;height:30px}

.pro li:hover span{background:#093}



.tit{height:80px;background:url(../images/title.png) repeat-x bottom;padding-top:20px}

.tit p{font-size:30px;line-height:55px;float:left;margin-left:20px}

.tit span{font-size:36px;float:left;text-transform:uppercase;line-height:60px;}



.about{overflow:hidden;background:url(../images/bg.png) #36c repeat;color:#fff;padding-bottom:50px}

.about .text{line-height:2em;padding:20px 0}



.apic{overflow:hidden;}

.apic li{float:left;width:219px;margin-right:15px;overflow:hidden;_margin-right:15px;}

.apic li img{width:219px;height:160px;}

.apic li span{width:219px;height:30px;line-height:30px;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.imore{height:50px;width:180px;line-height:50px;text-align:center;margin:20px auto 50px auto;font-size:16px}

.imore a{color:#fff;background:#d9241c;display:block;border-radius:10px}

.imore a:hover{background:#2e2e2e}



.neitit{height:30px;font-size:18px;color:#c00;font-weight:normal}

.neitit span{display:inline-block;width:18px;height:18px;background:#c00;color:#fff;text-align:center;margin-right:5px;line-height:18px;text-transform:uppercase}



.dongtai dl{float:left;width:550px;height:110px;padding:20px 0;border-bottom:1px #ccc dashed; margin-right:30px;}

.dongtai dl.fr{float:right}

.dongtai dl dt{float:left;width:150px;height:110px}

.dongtai dl dt img{border:4px solid #ccc;width:125px;height:100px}

.dongtai dl dt img:hover{border:4px solid #c00;padding:0}

.dongtai dl dd{float:right;line-height:18px;width:390px;height:110px}



.dongtai dl dd p i{font-size:12px;font-style:normal;padding:5px 0;display:block}

.dongtai dl dd span{color:#555;font-size:12px;display:block;padding-top:5px;border-top:1px solid #ccc}



.link{line-height:20px;font-size:12px;background:url(../images/bg.png) repeat-x;padding:20px 0}

.link a{margin-right:10px}

.linkt span{font-size:14px;line-height:30px;height:30px;font-weight:bold}



.foot{background:#2e2e2e;color:#aaa;text-align:center;font-size:12px;padding-bottom:85px;padding-top:15px;margin-top:15px}

.foot a{color:#aaa}

.foot .fnav a{margin:0 8px}



.left{float:left;width:220px;color:#fff}

.left .t{line-height:60px;text-align:center;color:#fff;font-size:24px;background:#555}

.left .class{background:#37c;text-align:center;border-bottom:35px solid #555}

.left .class a{color:#fff;display:block}

.left .class dt{border-bottom:1px dotted #58affe;width:220px;height:45px;font-size:16px;line-height:45px;float:left}

.left .class dt:hover{background:#0dad2b}

.left .class dd{font-size:14px;border-bottom:1px dotted #58afff;height:42px;line-height:42px;background:#36c}

.left .class dd:hover{background:#06a824}



.bacw{background:#fff}

.right{float:right;width:909px;overflow:hidden;padding:20px;border-left:1px solid #ddd}

.content{margin:20px auto;font-size:14px;line-height:2.5em}

.content img{margin:10px;max-width:880px}



.list_pic,.list_text,list_anli{padding:15px 20px;overflow:hidden;clear:both}

.list_pic dl{height:180px;padding:10px 0;border-bottom:#ccc dashed 1px}

.list_pic dl dt{width:240px;float:left;height:180px}

.list_pic dl dt img{width:225px;height:169px;border:5px solid #eee}

.list_pic dl dt img:hover{border:5px solid #06F}

.list_pic dl dd{width:600px;float:right;height:180px;line-height:25px;font-size:12px}

.list_pic dl h3,.list_text dl h3{font-size:16px;font-weight:500;display:block; margin-bottom:8px;}

.list_pic dl h3 a,.list_text dl h3 a{color:#03F}
.list_pic dl h3 a:hover,.list_text dl h3 a:hover{color:#900;}

.list_pic dl dd p{margin-top:15px;line-height:28px;text-align:center;}

.list_pic dl dd p a{float:left;display:block;color:#fff;margin-right:20px;padding:0 10px;border-radius:3px}

.list_pic dl dd p a:hover{background:#333}

.list_pic dl dd p .mo{background:#c00}

.list_pic dl dd p .zx{background:#36c}

.list_pic dl dd p i{font-family:"ËÎÌå";font-style:normal}

.list_pic dl dd p span{float:left;display:block}

.list_pic dl dd p b{float:left;display:block;font-weight:100;font-size:24px;color:#c00}

.list_anli dl { width:215px; height:auto; line-height:30px; float:left; margin-bottom:15px; margin-right:10px;}
.list_anli dl dt img{ width:205px; height:160px; border:5px solid #eee;}
.list_anli dl dt img:hover{ width:205px; height:160px; border:5px solid #06F;}
.list_anli dl dd{ line-height:30px; text-align:center;}
.list_anli dl dd h3{font-size:16px;font-weight:500;display:block; margin-bottom:8px;}


.list_text dl{line-height:2em}

.list_text dl dt{color:#999;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_anli dl


.info_pic{padding:20px 0;width:860px;margin:0 auto;border-bottom:1px dotted #dedede;clear:both;margin-bottom:15px}

#preview{float:left;width:324px;height:250px;overflow:hidden;}

#spec-n img{border:2px solid #ccc;width:320px;height:240px}

#spec-list{float:left;overflow:hidden;width:324px;height:44px}

#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:50px;height:40px}

#spec-list ul li img:hover{border:2px solid #f60}

.info_pic .text{float:left;width:300px;height:250px;overflow:hidden;padding-left:20px;line-height:2em; font-size:14px;}

.info_pic .text h1{font-size:18px;font-weight:600;color:#dc0f1e}

.info_pic .text p{font-size:14px;padding-top:20px}

.info_pic .text span{font-size:20px;color:#e60b1e}

.info_pic .order{float:right;width:240px;height:300px;font-size:12px;overflow:hidden;}

.info_pic .order li{padding:5px 0;}

.info_pic .order input,textarea{border:1px solid #ccc; padding:5px;width:120px;}



button{width:100px;line-height:36px;color:#fff;background:#36c; border:0;text-align:center; cursor:pointer}

button:hover{background:#2e2e2e}



.text_title{font-size:24px;font-weight:100;text-align:center;color:#dc0f1e;padding:20px}

.text_other,.text_jj,.prenext{color:#666;font-size:12px}

.text_other{text-align:center}

.text_jj{border:1px solid #ccc;background:#eee;padding:10px;line-height:20px;word-wrap:break-word;overflow:hidden;margin-bottom:15px}

.text_jj a{color:#00f}

.text_jj a:hover{color:#e6003e}

.text_jj span{font-weight:bold;color:#000}



.tags{display:block;font-size:12px;line-height:2em;padding:10px 0}

.prenext{line-height:2em;margin:0 auto;border-bottom:1px #ccc dotted;border-top:1px #ccc dotted}



.relpic{padding-top:15px;overflow:hidden;font-size:12px;line-height:1.5em}

.relpic li{float:left;width:215px;margin-right:10px;text-align:center;padding-bottom:10px; line-height:35px;}

.relpic li img{width:205px;height:160px;border:5px solid #ccc}

.relpic li img:hover{border:5px solid #06F}

.reltext{padding:10px 0;height:auto;overflow:hidden;font-size:12px}

.reltext li{width:430px;float:left;height:30px;line-height:30px;border-bottom:1px dotted #ccc;margin-right:10px;}

.reltext .r{float:right}

.reltext li a{float:left;height:30px;width:320px; }

.reltext li span{float:right;color:#888;text-align:right;height:30px;width:75px}



#pages{padding:10px 0;text-align:center;font-size:12px;overflow:hidden}

#pages strong{padding:0px 10px;height:25px;line-height:25px}

#pages a{display:inline-block;padding:0px 8px;height:25px;line-height:25px;background:#eee;text-align:center;color:#333}

#pages a:hover{background:#36c;color:#fff;text-decoration:none}

#pages a.on{display:inline-block;padding:0px 8px;height:25px;line-height:25px;background:#df4c18;color:#fff;text-align:center}



#bar,.share{position:fixed;_position:fixed;z-index:1000}

#bar{background:url(../images/eucms.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:#fff;width:200px;float:left;font-size:14px;height:60px;line-height:2em;padding-left:80px}

#bar ul li,#bar ul .btop a,.share a.codepic,.share .code{background-image:url(../images/eucms.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 span{font-size:16px;color:#ff0;padding-left:30px}

#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(../images/eucms.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}


/*·ÖÒ³*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}