@font-face {
    font-family: 'freehand521_btregular';
    src: url('font/tt1018m.eot');
    src: url('/Style/font/tt1018m.eot%3F') format('embedded-opentype'),
         url('/Style/font/tt1018m.woff2') format('woff2'),
         url('font/tt1018m.woff') format('woff'),
         url('font/tt1018m.ttf') format('truetype'),
         url('font/tt1018m.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{padding:0px;margin:0px}
a img{border:0}
img{display:block}
ul,li{list-style:none}
a:link,a:visited{color:#555555; text-decoration:none}
body{font:14px/1.5 "微软雅黑", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff url(../images/bbg.gif); min-width:980px;}
.w{width:980px; }
.auto{margin:0px auto}
.oh{overflow:hidden}
.none{display:none}
.mb40{margin-bottom:40px}
.pt40{padding-top:40px}
.whitebg { background-color:#fff}

.header{height:110px; position:relative; z-index:8}
.header img{position:absolute; left:0px; top:13px;}
.header .nav{position:absolute; right:0px; top:0px;}
.header .nav li{ float:left;font-size:14px;z-index:8; font-weight:bold}
.header .nav li a{display:block;height:14px;  height:110px; padding:0px 40px; line-height:110px; position:relative;}
.header .nav li a.active{background:url(../images/nav_cur.png);color:#C72731}
.header .nav li a:hover,.header .nav li a:active{color:#C72731}
.focus{background:#fff;height:500px;position:relative;overflow:hidden;}
#focus{width:1920px;height:500px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;}
#focus > div{width:1920px;height:500px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;z-index: 0; opacity: 1;}
#focus > div img{margin:0px auto;}
#dot{width:960px;margin:0px auto;padding-top:440px;text-align:center;}
#dot a{text-decoration:none;z-index:3;width:18px; font-size:14px;  height:18px; line-height:18px; position:relative;display:inline-block;*display:inline;overflow:hidden;margin:0px 3px;zoom:1; background-color:#666666;color:#fff; cursor:pointer; border-radius:50%}
#dot a.on{background-color:#000;}
.title{ font-size:16px; font-weight:normal;color:#C72731;position:relative;height:40px;line-height:40px;margin-bottom:40px;}
.title span{font-family:'freehand521_btregular'; padding-left:10px}
.title a{ position:absolute;right:5px; top:8px; line-height:1.5}
.title a:link,.title a:visited{color:#C72731}
.case_list{width:1020px; font-size:0px;margin-bottom:40px;}
.case_list li{width:300px;margin-right:40px; margin-bottom:20px; display:inline-block; *display:inline}
.case_list li img{width:300px;height:200px; background-color:#e6e6e6}
.case_list li p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color:#000;color:#fff; font-size:14px; text-align:center; height:30px; line-height:30px;}
.casego_list{ float:left; margin-bottom:20px;}
.casego_list li{width:300px; float:left; font-size:0px; line-height:0px; margin-right:10px;}
.casego_list li img{width:300px;height:200px; background-color:#e6e6e6}
.casego_list li p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color:#000;color:#fff; font-size:14px; text-align:center; height:30px; line-height:30px;}

.headpic{position:relative; overflow:hidden;height:300px;}
.headpic div{ margin-left:-960px;position:absolute;left:50%;width:1920px }
.about_panel{ background-image:url(../images/about.png); background-position:right 185px; background-repeat:no-repeat }
.about_content{width:430px;padding:50px 35px}
.contact{ background:#fff url(../images/contact.png) center center no-repeat; height:300px;}
.contact p{padding:130px 0px; text-align:center}
.contact p label{font-size:14px; padding-right:30px}
.act_panel{position:relative}
/*.act_panel p{ position:absolute;bottom:50px; left:0px; width:100%; text-align:center}*/
.case_panel{position:relative}
.case_panel h1{height:60px; line-height:60px; font-size:18px; text-align:center; border-bottom:solid 1px #d7d7d7}
.case_panel > a{ position:absolute;right:10px; top:20px;}
.case_panel dt{border-top:dashed 1px #d7d7d7; height:40px; line-height:40px; margin-top:10px;}
.case_panel dt a{padding:0px 10px;}
.case_panel dt a:link,.case_panel dt a:visited{color:#999999}
.case_panel dt a.r{ float:right}
.case_panel dd img{max-width:100%}

footer{background-color:#000000; text-align:center; height:80px; line-height:80px;color:#fff;}
footer img{display:inline-block; vertical-align:middle;margin-left:30px;}
footer a{margin-left:40px}
footer a:link,footer a:visited{color:#fff}

@media (min-width:1200px){
	.w{width:1180px}
	.case_list{width:1275px;}
	.case_list li{margin-right:95px; width:330px;}
	.case_list li img{width:330px;height:220px;}
    .about_content{width:620px}
}
.act{position:relative}
.bgfoot{position:absolute;left:0px;bottom:0px;}
.act_bm{ font-size:0px; position:absolute;left:0px; top:240px;}
.act_bm > div{display:inline-block;*zoom:1; *display:inline; margin:0px 10px;width:470px; vertical-align:top;background-color:rgba(0,0,0,.3);border-radius:10px;position:relative;padding-top:50px; padding-bottom:10px}
.act_bm .title{background:url(../images/active/pc/title.png) no-repeat;height:34px; line-height:26px;font-weight:bold;text-indent:18px; position:absolute;left:-3px;top:10px;width:100%}
.act_bm .froms{font-size:14px; color:#fff; border-radius:10px; padding:5px 10px; width:170px; display:inline-block;*zoom:1; *display:inline;}
.act_bm .froms li{line-height:35px}
.act_bm .froms input[type=text],.act_bm .froms  input[type=number],.act_bm .froms  input[type=tel]{width:105px;height:25px;border-radius:4px;border:0}
.act_bm .froms input[type=radio]{margin-right:20px;vertical-align:middle;margin-left:5px;}
.froms a.browse{display:inline-block;margin-left:27px;width:40px;height:20px;background-image:url(../images/active/pc/btn.png);vertical-align:middle;font-size:0}
.froms .btn{height:32px; width:164px; border:none; background-color:#fff; cursor:pointer; border-radius:4px; vertical-align:middle; font-family:\u5fae\u8f6f\u96c5\u9ed1, "Microsoft YaHei",Tahoma, \5b8b\4f53, arial, helvetica, clean, sans-serif; font-size:14px; }
.act_bm .bmtotal{color:#ffeba5;border:3px solid #ffeba5; font-size:14px; border-radius:10px; padding:50px 10px; width:110px; display:inline-block;height:110px; vertical-align:top; text-align:center;*zoom:1; *display:inline;}
.act_bm .bmtotal em{cursor:pointer;font-style:normal;font-size:14px; text-decoration:underline; color:#ffeba5}
.act_bm .bmtotal strong{font-size:40px;color:#d7be69; display:block;}
.act_bm .bmcode{font-size:14px; border-radius:10px; padding:0 10px; width:110px; display:inline-block;height:202px; vertical-align:top; text-align:center; margin-left:10px;*zoom:1; *display:inline;}
.act_bm .bmcode strong{font-size:14px;color:#ffeba5; display:block;font-weight:normal; padding-top:38px;}
.act_bm ul.w490{width:380px;color:#fff;font-size:12px;padding-left:10px;margin:0px auto}
.act_bm .form ul.w490 .p{color:#fff500; font-weight:bold}
.careful{width:380px;margin:12px auto}
.careful h5{font-size:16px;height:35px;line-height:35px;border-radius:6px 6px 0 0;background-image:url(/images/active/wechat/careful.png%3Fv=1);background-repeat:repeat-x;color:#900;text-align:center}
.careful p{color:#736428;font-size:12px;background-color:#ffeba5;border-radius:0 0 6px 6px;padding:5px 10px}

#Mfilter{filter:alpha(opacity=50);opacity:0.5; width:100%;height:100%;  background:#000; z-index:10;position:fixed; top:0px;} 
#BM_Data{ position:fixed; width:400px;  background-color:#4c4948;background-color:rgba(0,0,0,.8); padding:10px 0px; z-index:11;left:50%; margin-left:-200px; top:200px; border-radius:0.5rem;}
#BM_Data h4{ position:relative; text-align:center;font-size:16px;color:#fff; margin-bottom:10px;}
#BM_Data h4 a{position:absolute; top:0px;right:10px; background-color:#c2c1c1; line-height:20px; border-radius:10px; width:20px;height:20px; display:block; cursor:pointer}
#BM_Data .box{color:#fff; font-size:0px}
#BM_Data .box > p{font-size:14px;  display:inline-block; text-align:center;height:30px; line-height:30px;}
#BM_Data .box  .p1{width:20%}
#BM_Data .box  .p2{width:20%}
#BM_Data .box  .p3{width:30%}
#BM_Data .box  .p4{width:30%}
#BM_Data #Page{text-align:center; height:30px;line-height:30px;}
#BM_Data #Page a{padding:0px 0.5rem; cursor:pointer; display:inline-block;font-size:14px; color:#fff}

@media (min-width:1200px){
	.act_bm{ font-size:0px; position:absolute;left:80px; top:300px;}
	.act_bm > div{width:490px}
	.act_bm .form .bmtotal{ width:115px;}
	.act_bm .form ul.w490{width:470px;color:#fff;}
}