@-ms-viewport {width:device-width}
body{font-size:14px;font-family:"Trebuchet MS","microsoft yahei",Arial,Helvetica,sans-serif;background:url(img/bg.jpg) fixed center;background-size:cover}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0 auto;padding:0;list-style-type:none}
a{color:#333;text-decoration:none}
a:hover{color:#d00}
img{border:none;vertical-align:middle}
table{border-collapse:collapse}
.cl{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden}
.w95{width:90%;margin:0 auto;overflow:hidden;max-width:1600px}
.fl{float:left}
.fr{float:right}
.qq{background:url(img/qq.gif) no-repeat left top;padding-left:25px;padding-top:5px;font-size:12px;color:#32abe1}
.tl{padding:30px 0;overflow:hidden}
.tl .tel{padding-left:70px;background:url(img/tel.png) no-repeat left center;margin-top:10px}
.tl .tel span{color:#d00;font-size:36px;font-style:italic}
img,a,span,dt{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}

@media screen and (max-width:640px){.w95{width:98%;margin:0 auto;overflow:hidden;max-width:1600px}
}
@media screen and (max-width:1145px){
.tl{padding:10px 0;overflow:hidden;background:none}
.tl .logo { padding:5px 0}
.tl .logo img{ max-width:600px}
.tl .tel{padding-left:0px;background: none;padding-right:0px;margin-top:10px}
.tl .tel span{color:#d00;font-size:36px;font-style:italic}
}
@media screen and (max-width:900px){.tl{padding:5px 0;overflow:hidden;background:none}
.tl .logo{clear:both;text-align:center;width:100%}
.tl .tel{display:none}
}
@media screen and (max-width:480px){.tl{padding:5px 0;overflow:hidden;background:none}
.tl .logo{clear:both;text-align:center;width:100%}
.tl .logo img{width:100%}
.tl .tel{display:none}
}
#nav{height:50px;background-image:url(img/ibg.png)}
#nav li{width:10%;float:left;border-bottom:none;font-size:16px}
#nav a{display:block;border-right:#1671db solid 1px;height:50px;line-height:50px;color:#fff;text-align:center}
#nav a:hover{background:#e62}
@media screen and (max-width:960px){#nav{height:40px}
#nav li{width:10%;float:left;border-bottom:none;font-size:14px}
#nav a{display:block;border-right:#1671db solid 1px;height:40px;line-height:40px;color:#fff;text-align:center}
#nav a:hover{background:#0280c1}
}
@media screen and (max-width:840px){#nav ul{width:100%;margin:0 auto}
#nav li{font-size:12px}
}
@media screen and (max-width:640px){#nav{height:72px}
#nav li{width:20%;float:left;border-bottom:#1671db solid 1px;font-size:12px}
#nav a{display:block;border-right:#1671db solid 1px;height:35px;line-height:35px;color:#fff;text-align:center}
#nav a:hover{background:#0280c1}
}
.ban{background:url(img/ban.png) no-repeat center bottom;color:#fff;text-align:right}
.ban div{background:url(img/band.png) no-repeat left center;padding:80px 0}
.ban a{color:#fff}
.ban b{font-size:48px;font-weight:200;display:block;margin-bottom:20px}
@media screen and (max-width:920px){
.ban{text-align:left}
.ban div{background:none;padding:20px 0}
.ban b{font-size:36px;margin-bottom:10px}
}
@media screen and (max-width:840px){
.ban div{background:none;padding:15px 0;font-size:12px}
.ban b{font-size:24px}
}
@media screen and (max-width:640px){
.ban {background:none;color:#000}
.ban div{background:none;padding:15px 0;font-size:12px}
.ban a{color:#000}
.ban b{display:none}
}

.class{clear:both;text-align:center;height:80px;margin-bottom:30px;/*-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);*/}
.class dl{height:80px;line-height:80px;width:90%;margin:0 auto;overflow:hidden;max-width:1600px}
.class dt{float:left;width:20%;background:#f5f5f5;}
.class7 dt{width:14.2857%}
.class dt a{display:block;font-size:16px;font-weight:bold}
.class dt a:hover{background:#fff;color:#d00}
.class dt a.on{background:#fff;color:#d00}

@media screen and (max-width:640px){.class{height:40px}
.class dl{line-height:40px;width:100%}
.class7 dt{width:25%}
.class dt a{font-size:12px}
}
.pag{text-align:center;padding-top:45px}
.pag p{font-size:36px;line-height:2.5em}
.pag span{font-size:18px;line-height:1.5em}
@media screen and (max-width:920px){.pag{text-align:center;padding-top:30px}
.pag p{font-size:24px;line-height:2em}
.pag span{font-size:14px;line-height:1.5em}
}
@media screen and (max-width:640px){.pag{text-align:center;padding-top:20px}
.pag p{font-size:18px;line-height:2em}
.pag span{font-size:12px;line-height:1.5em}
}
.lpic dl{padding:15px 0;width:48%;display:block;border-bottom:1px dashed #ccc}
.lpic dl dt{float:left;width:35%;border:5px solid #ccc;overflow:hidden}
.lpic dl dt:hover{border:5px solid #d00}
.lpic dl dt img{width:100%;height:100%;min-height:140px}
.lpic dl dd{float:right;width:60%}
.lpic dl dd span{font-size:18px;color:#d00;overflow:hidden;white-space:nowrap;display:block;line-height:1.5em;text-overflow:ellipsis;width:100%}
.lpic dl dd span:after{content:"，";display:block;height:0;visibility:hidden}
.lpic dl dd span a{color:#d00}
.lpic dl dd  p{margin-top:10px;line-height:28px;text-align:center}
.lpic dl dd  p a{float:left;display:block;color:#fff;margin-right:10px;padding:0 10px}
.lpic dl dd  p a:hover{background:#333}
.lpic dl dd  p .mo{background-image:url(img/ibg.png)}
.lpic dl dd  p .zx{background:#F33}
.lpic dl dd  p i{font-family:"卜悶";font-style:normal}
.lpic dl dd  p span{float:left;display:block}
.lpic dl dd  p b{float:left;display:block;font-weight:100;font-size:24px;color:#c00}

@media screen and (max-width:960px){.lpic dl{font-size:12px}
.lpic dl dd span{ font-size:16px}
}
@media screen and (max-width:840px){.lpic dl{padding:15px 0;width:100%;display:block;border-bottom:1px dashed #ccc;font-size:12px}
.lpic dl dt img{width:100%;height:auto}
.lpic dl dt{height:145px}
}
@media screen and (max-width:640px){.lpic dl dt img{width:100%;height:100%}
}
.ltext{padding-bottom:20px}
.ltext dl{width:48%;height:120px;padding:20px 0;border-bottom:1px #ccc dashed}
.ltext dl dt{float:left;width:30%;height:120px;border:4px solid #ccc;padding:0;overflow:hidden}
.ltext dl dt img{width:100%;height:100%}
.ltext dl dt:hover{border:4px solid #c00}
.ltext dl dd{float:right;line-height:18px;width:65%;height:110px}
.ltext dl dd p{font-style:normal;font-size:12px;padding-bottom:5px;display:block}
.ltext dl dd p span{font-size:16px;color:#d00;overflow:hidden;white-space:nowrap;display:block;line-height:1.5em;text-overflow:ellipsis;width:100%}
.ltext dl dd p span:after{content:"，";display:block;height:0;visibility:hidden}
.ltext dl dd p span a{color:#d00}
.ltext dl dd div{color:#555;font-size:12px;display:block;padding-top:5px;border-top:1px solid #ccc}
@media screen and (max-width:840px){.ltext dl{float:left;width:100%;height:120px;padding:20px 0;border-bottom:1px #ccc dashed}
}
.text h1{text-align:center;padding:15px 0}
.text .tot{text-align:center;padding:15px 0;font-size:12px}
.text .tjj{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;font-size:12px}
.pic{clear:both}
#preview{float:left;width:440px;border:5px solid #ccc;overflow:hidden}
#spec-n img{width:100%;height:auto}
#spec-list{float:left;overflow:hidden;width:100%;border-top:5px solid #ccc}
#spec-list ul{padding:0;margin:0}
#spec-list ul li{float:left;width:16.66%;text-align:center}
#spec-list ul li img{width:100%}
.opc{overflow:hidden;float:left;margin-left:20px;width:400px;background:url(img/qr.jpg) no-repeat right center}
.opc h1{font-size:24px;color:#dc0f1e}
.opc p{padding-top:20px;line-height:2em}
.opc span{font-size:20px;color:#e60b1e}

@media screen and (max-width:1300px){
.opc{width: auto;background:none}
}

@media screen and (min-width:980px) and (max-width:1200px){
#preview{width:400px}
.opc p{padding-top:20px;line-height:1.8em;font-size:12px}
}
.rpc{width:25%;float:right;overflow:hidden}
.rpc form{margin-top:20px}
.rpc li{padding:5px 0}
.rpc input,textarea{border:1px solid #ccc;padding:5px;width:40%}
button{width:100px;line-height:32px;color:#fff;background-image:url(img/ibg.png);border:0;text-align:center;cursor:pointer}
button:hover{background:#2e2e2e}

.lpc{overflow:hidden;border-bottom:1px dotted #000;border-top:1px dotted #000;margin-top:15px}
.lpc ul li{font-size:12px;padding:10px 5px;width:12.5%;float:left;overflow:hidden}
.lpc ul li img{width:100%;position:relative;z-index:0}
.lpc ul li span{text-align:center;background:url(img/eucms.png) repeat-x 0px -251px;display:block;color:#fff;overflow:hidden;white-space:nowrap;font-size:12px;line-height:30px;text-overflow:ellipsis;margin-top:-30px;position:relative;z-index:100;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.lpc ul li:hover span{filter:alpha(opacity=100);opacity:1}
.lpc ul li span:after{content:"，";display:block;height:0;visibility:hidden}
@media screen and (min-width:840px) and (max-width:980px){
#preview{float:left;width:50%;border:5px solid #ccc;overflow:hidden}
.opc{overflow:hidden;float:left;width:250px;margin-left:3%}
.opc p{padding-top:20px;line-height:2em;font-size:14px}
.rpc{width:25%;float:right;overflow:hidden;display:none}
.lpc ul li{font-size:12px;width:16.66%;float:left;overflow:hidden}
}
@media screen and (max-width:840px){#preview{float:left;width:50%;border:5px solid #ccc;overflow:hidden}
.opc{overflow:hidden;float:left;width:250px;margin-left:3%}
.opc p{padding-top:20px;line-height:1.8em;font-size:12px}
.rpc{width:25%;float:right;overflow:hidden;display:none}
.lpc ul li{font-size:12px;width:20%;float:left;overflow:hidden}
}
@media screen and (max-width:640px){#preview{float:none;width:98%;border:3px solid #ccc;overflow:hidden}
.opc{overflow:hidden;float:none;width:100%;margin-left:0;padding-top:15px}
.opc h1{font-size:18px;color:#dc0f1e}
.opc p{padding-top:20px;line-height:1.8em;font-size:12px;display:none}
.rpc{width:25%;float:right;overflow:hidden;display:none}
.lpc ul li{font-size:12px;padding:10px;width:25%;float:left;overflow:hidden}
#spec-list{float:left;overflow:hidden;width:100%;border-top:3px solid #ccc}
}
.content{margin:15px auto;font-size:14px;line-height:2em}
.content img{margin:10px}
@media screen and (max-width:1670px){.content img{margin:5px}
}
@media screen and (max-width:960px){.content img{margin:5px}
}
@media screen and (max-width:640px){.content img{margin:5px 0;width:98%;border-radius:4px}
}
.tags,.prenext{line-height:2em;font-size:12px}
.prenext{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:10px auto}
.ntit{height:30px;padding-top:20px;font-size:18px;color:#c00}
.rpic{padding-top:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;font-size:12px;line-height:1.5em}
.rpic li{float:left;width:16.66%;text-align:center;padding-bottom:10px}
.rpic li img{width:95%;height:auto;border:5px solid #ccc}
.rpic li img:hover{border:5px solid #e6003e}
.rpic li a{width:90%;display:block;margin:0 auto}
.rtext{border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:auto;overflow:hidden;font-size:12px}
.rtext li{width:48%;float:left;height:30px;line-height:30px;border-bottom:1px dotted #ccc}
.rtext .r{float:right}
.rtext li a{height:30px}
.rtext li span{white-space:nowrap;display:block;text-overflow:ellipsis;width:75%;float:left;overflow:hidden}
.rtext li span:after{content:"，";display:block;height:0;visibility:hidden}
.rtext li em{float:right;color:#888;text-align:right;height:30px;width:25%;font-style:normal}
@media screen and (max-width:840px){.rpic li{float:left;width:25%;text-align:center;padding-bottom:10px}
}
@media screen and (max-width:640px){.rpic li{float:left;width:33.33%;text-align:center;padding-bottom:10px}
.rtext li{width:48%;float:left;height:30px;line-height:30px;border-bottom:1px dotted #ccc}
}
@media screen and (max-width:480px){.rtext li{width:100%;float:left;height:30px;line-height:30px;border-bottom:1px dotted #ccc}
}
.iban{position:relative;margin:0 auto}
.iban .bd{position:relative;z-index:0}
.iban .bd li img{width:100%;vertical-align:top;height:auto}
.iban .hd{position:relative;z-index:1;margin-top:-50px;height:50px;line-height:24px;text-align:center}
.iban .hd ul{text-align:right;padding-right:30px}
.iban .hd ul li{cursor:pointer;display:inline-block;width:24px;height:24px;margin:5px;text-align:center;background:#fff;overflow:hidden;border-radius:0}
.iban .hd ul .on{background-image:url(img/ibg.png);color:#fff}
.iban .prev,.iban .next{z-index:1;display:block;position:absolute;top:50%;margin-top:-20px;float:left;width:24px;height:40px;background:url(img/flex.png) 0 0 no-repeat;filter:alpha(opacity=40);opacity:0.2 }
.iban .prev{left:20px}
.iban .next{background-position:-24px 0;float:right;right:20px}
.iban .prev:hover,.iban .next:hover{filter:alpha(opacity=100);opacity:1}

.iab{line-height:2em;padding:30px 0}

.tit{background:url(img/title.png) repeat-x bottom;padding:40px 0;text-align:center;font-size:36px}
.tit span{text-transform:uppercase;line-height:40px;padding-right:20px;font-family:'Impact',Geneva, Arial, Helvetica, sans-serif}

@media screen and (max-width:640px){
.tit{padding:30px 0;font-size:32px}
}

.ipc{overflow:hidden}
.ipc ul li{font-size:12px;width:16.66%;float:left;overflow:hidden}
.ipc ul li a{margin:0 1%;border:1px solid #999;overflow:hidden;display:block}
.ipc ul li img{width:100%;position:relative;z-index:0}
.ipc ul li a:hover img{transform:scale(1.5,1.5)}
.ipc ul li span{text-align:center;display:block;color:#fff;overflow:hidden;white-space:nowrap;font-size:14px;line-height:30px;text-overflow:ellipsis;margin-top:-30px;position:relative;z-index:100;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.ipc ul li:hover span{background:#e62;filter:alpha(opacity=100);opacity:1}
.ipc ul li span:after{content:"，";display:block;height:0;visibility:hidden}

.ipl dt{width:25%;overflow:hidden;float:left;padding:6px 0;font-size:12px;height:auto}
.ipl dt:hover{background-image:url(img/ibg.png)}
.ipl dt:hover a,.ipl dt:hover span{ color:#fff}
.ipl dt p{margin:1.5% 3%}
.ipl dt a{display:block;padding:0px;overflow:hidden}
.ipl dt a img{width:100%}
.ipl dt span{display:block;overflow:hidden;white-space:nowrap;padding:5px 0;font-weight:100;font-size:16px;color:#e62;text-overflow:ellipsis}
.ipl dt span:after{content:"，";display:block;height:0;visibility:hidden}
@media screen and (max-width:1024px){.ipl dt{width:33.33%}
}
@media screen and (max-width:840px){
.ipl dt{width:33.3%}
.ipc ul li{width:33.3%}
}
@media screen and (max-width:640px){.ipl dt{width:50%}
}

.imo{clear:both;line-height:45px;text-align:center;padding:20px}
.imo a{display:block;width:160px;height:45px;margin:0 auto;color:#fff;background:#e62;font-size:16px;border-radius:5px}
.imo a:hover{background:#d00}

.ica{background-image:url(img/ibg.png);color:#FFF}

.inews{padding-bottom:20px}
.inews dl{width:48%;height:120px;padding:20px 0;border-bottom:1px #ccc dashed}
.inews dl dt{float:left;width:30%;height:120px;border:4px solid #ccc;padding:0;overflow:hidden}
.inews dl dt img{width:100%;height:100%}
.inews dl dt:hover{border:4px solid #c00}
.inews dl dd{float:right;line-height:18px;width:65%;height:110px}
.inews dl dd p{font-style:normal;font-size:12px;padding-bottom:5px;display:block}
.inews dl dd p span{font-size:16px;color:#d00;overflow:hidden;white-space:nowrap;display:block;line-height:1.5em;text-overflow:ellipsis;width:100%}
.inews dl dd p span:after{content:"，";display:block;height:0;visibility:hidden}
.inews dl dd p span a{color:#d00}
.inews dl dd div{color:#555;font-size:12px;display:block;padding-top:5px;border-top:1px solid #ccc}
@media screen and (max-width:840px){.inews dl{float:left;width:100%;height:120px;padding:20px 0;border-bottom:1px #ccc dashed}
}
.ili{line-height:20px;font-size:12px;padding:10px 0}
.ili .ilit span{font-weight:bold}
.ili .ilib dt a{margin-right:5px}
@media screen and (max-width:840px){.ili{display:none}
}
.bpic{padding:10px 0}
@media screen and (max-width:960px){.bpic{display:none}
}
.foot{background:#333;padding:20px 0 80px 0;color:#eee;text-align:center;line-height:2em;font-size:12px}
.foot a{color:#eee}
@media screen and (max-width:960px){.foot{padding:15px 5px;color:#ccc;text-align:center;line-height:1.5em}
}
#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:#d42;color:#fff;text-align:center}


@media screen and (max-width:960px){#bar,.share,#bar ul,#bar ul li{display:none;height:0}
}

#bar,.share{position:fixed;_position:fixed;z-index:1000}
#bar{background:url(img/eucms.png) repeat-x 0px -251px;width:100%;height:65px;bottom:0px;left:0}
#bar ul{width:95%;margin:0 auto;padding-top:5px}
#bar ul li{color:#fff;width:15%;float:left;height:60px;line-height:2em;padding-left:80px}
#bar ul li,#bar ul .btop a,.share a.codepic,.share .code{background-image:url(img/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:18px;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}
.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(img/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}