@charset "utf-8";

body{margin:0 auto;padding:0;background-color:#F8F6F7;font:18px/1.8 'Microsoft Yahei';font-family:"Microsoft Yahei";color:#1D1B1B;}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, pre, a{margin:0;padding:0;}
a{color:#535353;text-decoration:none;border:0 none;}
a:hover{text-decoration:underline;color:#f50;}
img{border:0 none;padding:0;margin:0;max-width:100%;}
ul, li{list-style:none;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;} 
td{padding:3px;}
.l{float:left;}
.r{float:right;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.clear{clear:both;}
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.pl110{padding-left:25%;}
.pt20{padding-top:20px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.lh25{line-height:25px;}

.bd{border:1px solid #EBEBEB;border-top:0;height:100%;}
.mar_top{margin-top:12px;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;word-wrap:break-word;}
.mainbox{height:100%;margin:0 auto;max-width:640px;position:relative;width:100%;z-index:8;background-color:#F8F6F7;}
.mainboxbg{position:fixed;height:100%;width:100%;background-color:#000;top:0;display:none;z-index:9;lter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*nav*/
.nav{width:40%;height:100%;background:#0654a8;position:fixed;right:0px;padding-top:8%;display:none;top:0;z-index:10;background:-moz-linear-gradient(left, #631827, #d03351);background:-webkit-linear-gradient(left, #0654a8, #1d74d0);}
.nav li{text-align:center
}
.nav li a{display:block;width:100%;font-size:22px;color:#fff;padding:3% 0;}
.nav li a:hover{color:#fff;}
/*header*/
#header{text-align:center;color:#fff;font-weight:normal;vertical-align:middle;text-align:center;text-align:center;overflow:hidden;background:url(../bg/header.jpg) top repeat-x;}
#header #logo{width:80.9%;margin-left:1.8%;display:inline;float:left;}
#header #logo img{width:100%;height:auto;}
#header .flbox{float:right;display:inline;width:14%;cursor:pointer;}
#header .flbox img{width:100%;}
#serchbox{margin:3% 3.4%;overflow:hidden;position:relative;}
.input{background-color:#fff;border:1px solid #DFDFDF;float:left;display:inline;border-radius:6px;width:83%;padding:2.55% 0;text-indent:2%;font-family:'Microsoft Yahei';}
.sechan{background:url(../bg/serch.png) #F13F61 center center no-repeat;border-radius:6px;border:1px solid #D13250;padding:2.56% 0;width:15.8%;cursor:pointer;display:inline;float:right;background-size:40%;}
/* banner */
.slideBox{position:relative;max-width:640px;max-height:210px;overflow:hidden;margin-top:-20px;/* 设置焦点图最大宽度 */
}
.slideBox .hd{position:absolute;height:28px;line-height:28px;bottom:8px;right:0;z-index:1;}
.slideBox .hd li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px;}
.slideBox .hd li.on{background:#fff;}
.slideBox .bd{position:relative;z-index:0;}
.slideBox .bd li{position:relative;text-align:center;}
.slideBox .bd li img{background:url(../bg/loading.gif) center center no-repeat;vertical-align:top;width:100%;max-height:350px;/* 图片宽度100%，达到自适应效果 */
}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{display:block;background:url(../bg/focusbg.png) repeat;width:100%;position:absolute;bottom:0;text-indent:1.5%;padding:1.5% 0;line-height:28px;color:#fff;text-align:left;font-size:1.2em;}
/* banner end */

.listmenu2 li{width:20.3%;display:inline;padding:2% 0;float:left;text-align:center;border-radius:6px;border:1px solid #DEDEDE;background-color:#fff;margin-left:3.5%;}
.listmenu2 li img{width:70%;margin-bottom:1%
}
.listmenu2 li a{text-decoration:none;}
.jspic{max-width:640px;margin:0 auto;overflow:hidden;}
.jspic img{width:100%;}
.hotmenulit li{display:inline;padding:2% 0;width:29%;float:left;text-align:center;border-radius:6px;text-align:left;background:#fff;margin-left:3%;margin-top:3%;border:1px solid #E8E8E8;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background:-moz-linear-gradient(top, #fff, #F2F2F2);}
.hotmenulit li a{display:block;text-decoration:none;line-height:normal;}
.hotmenulit li a span{display:inline;float:left;width:32.2%;margin:0 2%;}
.hotmenulit li a span img{width:100%;}
.hotmenulit li b{display:block;padding-top:2%;font-weight:normal;color:#1d74d0;font-size:20px;}
.hotmenulit li p{color:#ccc;text-transform:uppercase;font-size:14px;text-align:right;padding-right:10px;}
.hotmenulit li.current a b, .hotmenulit li a:hover b{color:#1d74d0;}
/*cpzs*/
.cpzs{border-radius:6px;padding:1.5% 0;overflow:hidden;text-align:left;background:#fff;border:1px solid #E8E8E8;margin:0 3.5%;margin-top:3%;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background:-moz-linear-gradient(top, #fff, #F2F2F2);}
.cpzs h3{font-weight:normal;display:inline;float:left;padding-left:6%;color:#3b3a3a;background:url(../bg/hx.png) 12% center no-repeat;background-size:9%;}
.more{margin-right:2%;float:right;font-size:12px;margin-top:0.5%;background-color:#1d74d0;border-radius:6px;padding:0.5%;line-height:normal;color:#fff;}
.more a{color:#fff;text-decoration:none;}

.cplist li{width:45%;overflow:hidden;max-height:243px;text-align:center;display:inline;float:left;padding:0.5%;background-color:#fff;border:1px solid #E8E8E8;margin-left:1.7%;margin-top:3%;}
.cplist{padding-left:1.8%;}
.cplist li a{display:block;position:relative;}
.cplist li a .title{position:absolute;bottom:0;line-height:normal;padding-top:3%;color:#fff;z-index:10;width:100%;left:0.5%;height:14%;vertical-align:bottom;position:absolute;font-size:75%;}
.cplist li a .bg{z-index:1;lter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;background-color:#000;}
.cplist li img{width:100%;}

.cplist1 li{width:93%;overflow:hidden;max-height:243px;display:inline;float:left;padding:1.5%;background-color:#fff;border:1px solid #E8E8E8;margin-left:1.7%;margin-top:3%;}
.cplist1{padding:0 1.5%;}
.cplist1 li a{display:block;position:relative;}
.cplist1 li .title{line-height:20px;padding-top:1%;width:100%;height:3%;}
.cplist1 li .bg{font:12px/20px '微软雅黑';}
.cplist1 li img{width:37%;float:left;padding:0.5%;}
.cplist1 li .desc{width:60%;float:right;font-size:16px;}
.cplist1 .zxxq{text-align:center;padding:5px 0px 10px 0px;font-size:13px;}
.cplist1 .zxxq a{background-color:#1d74d0;padding:1px 5px;color:#FFF;border-radius:3px;margin-right:3px;width:70px;}
.cplist1 .cheng{color:#f66505;text-decoration:none;font-weight:normal;width:30%;float:left;}
/*footer*/
#footer{font-size:16px;text-align:center;margin-top:14px;line-height:22px;padding:2% 0;font-size:85%;background-color:#fff;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background:-moz-linear-gradient(top, #fff, #F2F2F2);overflow:hidden;}
.foc{background:#1d74d0;background:-webkit-gradient(linear, 0 0, 0 100%, from(#1d74d0), to(#0654a8));background:-moz-linear-gradient(top, #1d74d0, #0654a8);overflow:hidden;position:fixed;z-index:8;bottom:0;width:100%;max-width:640px;}
.foc li{width:33.33333%;text-align:center;color:#fff;float:left;padding:1.5% 0;background:url(../bg/fo_li.jpg) left repeat-y;cursor:pointer;}
.foc li span{display:block;padding-top:13%;font-size:90%;}
.foc li a{color:#fff;}
.foc .sms span{background:url(../bg/tel.png) center 6% no-repeat;background-size:11.6%;}
.foc .chat span{background:url(../bg/zixun.png) center 5% no-repeat;background-size:12%;}
.foc .contact span{background:url(../bg/contact.png) center 4% no-repeat;background-size:10%;}
.back{width:14%;position:absolute;left:0;}
.cont{background-color:#fff;min-height:450px;}
.back a img{width:100%;}
.cpaut{width:72%;text-align:center;color:#fff;float:left;font-size:2em;margin-left:14%;padding:3.3% 0;text-align:center;width:72%;}
.on_clickm{background:url(../bg/r.png) #fff no-repeat 96% center;background-size:2.5%;border-bottom:1px solid #e5e5e5;color:#303030;font-size:1.4em;line-height:2.6;overflow:hidden;padding:0 4%;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}
.show_box{display:none;overflow:hidden;padding:3%;}
.activeTitle{background:url(../bg/d.png) #E9E9E9 no-repeat 96% center;background-size:4%;}
.show_box li{background:none repeat scroll 0 0 #fff;border:1px solid #e0dfdf;float:left;margin:1%;padding:1% 2%;text-align:center;}
.show_box li a{color:#6D6D6D;}
.cptt, .newslist li{padding:2.4% 3%;text-align:center;border-radius:6px;text-align:left;background:#fff;margin-bottom:0;border:1px solid #E8E8E8;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background:-moz-linear-gradient(top, #fff, #F2F2F2);}
.cptt select{width:200px;height:30px;}
.newslist{margin-top:2%;}
.newslist li{position:relative;padding:1.5% 3%;margin:1.5% 2%;}
.newslist li span{position:absolute;top:6px;right:5px;}
.pageListNav{padding:3% 0;float:left;width:100%;position:relative;z-index:9999;text-align:center;overflow:hidden
}
.pageListNav ul{float:right;}
.pageListNav .firstPage{width:30px;}
.pageListNav ul li{float:left;line-height:25px;height:25px;margin-left:5px;font-size:12px;border:1px solid #E9E9E9;padding:0px 10px;width:auto;}
.pageListNav ul li a:hover{color:#ff0000;text-decoration:none;}
.pageListNav ul li.thisclass, .pageListNav ul li.thisclass a, .pageListNav ul li.thisclass a:hover{background-color:#d00;color:#FFF
}
.pageListNav .pageinfo{line-height:25px;padding:12px 5px 10px 5px;color:#999;}
.pageListNav select{line-height:25px;margin-top:4px
}
.pageListNav .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
/*详细页*/
.xingxi{margin:3% 2%;width:96%;height:auto;line-height:1.7em;color:#5d5342;overflow:hidden;clear:both;}
.xingxi img{width:100%;height:auto;overflow:hidden;margin:1% 0;max-width:100%;}
.author{text-align:center;font-size:80%;padding:0.5% 0 1.3% 0;border-bottom:#5d5342 dashed 1px;}
.content_img{text-align:center;clear:both;overflow:hidden;}
.content_img img{width:100%;margin:2% 0;max-width:640px;}
.xluj{overflow:hidden;margin-bottom:5px;}
.wusyux{margin:3%;vertical-align:middle;font-size:1.4em;}
.wusyux em{background-color:#ccc;font-weight:bold;font-style:normal;border-radius:6px;padding:2px 10px;color:#fff;margin-right:2%;}
.submit{vertical-align:middle;text-align:center;background-color:#FF9000;width:95%;padding:2% 0;margin:0 auto;margin-top:3%;margin-bottom:3%;color:#fff;border:1px solid #E88300;border-radius:4px;font-size:1.4em;font-family:"微软雅黑";cursor:pointer;}
.content_img{text-align:center;}
.content_img img{width:90%;margin:2% 0;max-width:560px;}
.price_c{color:#ff7800;}
.price_l{color:#559824;}
.price{color:#ff7800;font-size:1.4em;}
.date1{ margin-right:8px;}

/*****************响应式布局设置*****************/
@media screen and (max-width:320px){
body{font-size:12px;}
.hotmenulit li b{font-size:70%;}
.hotmenulit li p{font-size:10px;}
.cpzs h3{padding-left:8%;}
.more{font-size:11px;}
.foc li span{display:block;padding-top:18%;}
.foc .sms span{background-size:16.6%;}
.foc .chat span{background-size:16%;}
.foc .contact span{background-size:15%;}
.cpaut{font-size:18px;}
.nav li a{font-size:16px;}
.on_clickm{font-size:1.2em;}
.slideBox .bd li .tit{font-size:1.0em;}
}
@media screen and (min-width:320px) and (max-width:360px){
body{font-size:14px;}
.hotmenulit li b{font-size:70%;}
.hotmenulit li p{font-size:55%;}
.cpzs h3{padding-left:9%;}
.more{font-size:11px;margin-top:1.5%
}
.foc .sms span{background-size:16.6%;}
.foc .chat span{background-size:16%;}
.foc .contact span{background-size:15%;}
.foc li span{display:block;padding-top:18%;}
.cpaut{font-size:19px;}
.nav li a{font-size:16px;}
.on_clickm{font-size:1.2em;}
.slideBox .bd li .tit{font-size:1.0em;}
}
@media screen and (min-width:360px) and (max-width:480px){
body{font-size:16px;}
.hotmenulit li b{font-size:70%;}
.hotmenulit li p{font-size:55%;}
.foc .sms span{background-size:16.6%;}
.foc .chat span{background-size:16%;}
.foc .contact span{background-size:15%;}
.foc li span{display:block;padding-top:18%;}
.cpaut{font-size:22px;}
.nav li a{font-size:18px;}
.on_clickm{font-size:1.3em;}
.slideBox .bd li .tit{font-size:1.0em;}
}
@media screen and (min-width:480px) and (max-width:560px){
body{font-size:16px;}
.hotmenulit li b{font-size:70%;}
.hotmenulit li p{font-size:55%;}
.cpaut{font-size:32px;}
.nav li a{font-size:20px;}
.on_clickm{font-size:1.3em;}
}
 @media all and (min-width:640px){.pclist li a .pcdetail p{font-size:18px;}
body{width:640px;margin:0 auto;}
body{font-size:16px!important;}
}
/*在线留言*/
.message{width:100%;margin-top:20px;padding:1.5% 0;}
.message .txtinput,.message .txtselect,.message .txtarea{width:85%;height:30px;line-height:35px;border:solid 1px #666;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;font-size:16px;text-indent:15px;}
.message .txtarea{height:80px;}
.message .btnsubmit{width:160px;height:30px;background:#cc2000;border:solid 1px #cc2000;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;font-size:18px;color:#fff;}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"]{font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;}
#contact{background:#F9F9F9;padding:25px 15px;margin:5px auto;}
#contact h3{color:#F96;display:block;font-size:30px;font-weight:400;}
#contact h4{margin:5px 0 15px;display:block;font-size:13px;}
fieldset{border:medium none !important;margin:0 0 10px;min-width:100%;padding:0;width:100%;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea{width:60%;border:1px solid #CCC;background:#FFF;margin:0 0 5px;padding:7px;}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #BF3131;}
#contact textarea{height:100px;max-width:100%;resize:none;}
#contact button[type="submit"]{cursor:pointer;width:20%;border:none;background:#BF3131;color:#FFF;margin:0 0 5px;padding:10px;font-size:15px;}
#contact button[type="submit"]:hover{background:#A30000;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#contact button[type="submit"]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
#contact input:focus, #contact textarea:focus{outline:0;border:1px solid #BF3131;}
::-webkit-input-placeholder{color:#888;}
:-moz-placeholder{color:#888;}
::-moz-placeholder{color:#888;}
:-ms-input-placeholder{color:#888;}