@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
/* top */
.topbg{width:100%;position:relative;height:auto}
.topbgpic{display:block;width:100%}
.logo{display:block;width:66.25%;position:absolute;left:17.1875%;top:35.8333%}
.logo img{display:block;width:100%}
.banner{width:100%;position:relative;}
.banner img{display:block;width:100%}
.bar1{position:absolute;left:0;top:0;display:block;width:100%;z-index:3;}
.bar2{position:absolute;left:0;bottom:0;display:block;width:100%;z-index:3;}
.navbtn{position:absolute;right:0.3125%;bottom:-60.833%;z-index:999;width:20%}
.big-pic{width:100%;position:relative;z-index:2;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:100%;text-align:center;height:16px;overflow:hidden;position:absolute;bottom:6.7778%}
.slide-dot span{display:inline-block;width:12px;height:12px;border-radius:12px;vertical-align:top; z-index:10;margin:0 7px;background:#525252;background:-webkit-linear-gradient(top,#525252,#030303);background:-moz-linear-gradient(top,#525252,#030303);background:linear-gradient(top,#525252,#030303);box-shadow:0 0 3px #fbf1d5;}
.slide-dot .slide-dot-cur{z-index:10;vertical-align:top;background:#ff6028;background:-webkit-linear-gradient(top,#ff6028,#ce3437);background:-moz-linear-gradient(top,#ff6028,#ce3437);background:linear-gradient(top,#ff6028,#ce3437);box-shadow:0 0 3px #fbf1d5}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.searchbg{width:100%;background:#fff;height:52px;padding:10px 0;}
.bar{width:100%;display:block;clear:both}
.search{width:91.5625%;margin-left:2.65625%;background:#fff;box-shadow:3px 4px 4px #e3e3e3 inset;height:50px;border:1px solid #d8d8d8;border-radius:6px;}
.text{width:70%;height:50px;border:0;background:none;float:left;font-size:14px;color:#939292;text-indent:1em}
.button{float:right;width:60px;height:60px;background:url(../images/img/button.png) 0 0 no-repeat;background-size:100% 100%;margin:-6px -3.41296% 0 0;border:0}
/* nav */
body{position:relative;width:100%;overflow-x:hidden;background:#fff}
.allpage{position:relative;z-index:10;background:#fff}
.nav{width:220px;height:100%;position:absolute;right:0;top:0;background:url(../images/img/navbg.jpg) 0 0 repeat-y #d93f33;z-index:1;}
.nav li{width:100%;line-height:53px;background:url(../images/img/icons2.jpg) 142px 20px no-repeat;margin:0 auto;border-bottom:1px solid #fc5d51;background-size:4%}
.nav li ul{border-top:1px solid #fc5d51;background:none;width:100%;margin:0 auto;border-bottom:1px solid #af3127}
.nav li li{border:0;line-height:42px;background:none;}
.nav li li a{display:block;width:200px;margin:0 auto;text-indent:74px;height:42px;border-bottom:1px dotted #7a0900;font:14px/42px '微软雅黑';color:#fff;}
.nav li a{display:block;width:100%;height:52px;text-indent:57px;font:16px/52px '微软雅黑';color:#fff;border-bottom:1px solid #af3127}
.clicked{}
/*imgbox*/
.imgbox{width:100%;padding:3% 0 0;overflow:hidden;background:#f0f0f0;background:-webkit-linear-gradient(top,#f0f0f0,#fff);background:-moz-linear-gradient(top,#f0f0f0,#fff);background:linear-gradient(top,#f0f0f0,#fff);}
.imgbox a{display:block;width:22.65625%;float:left}
.imgbox a.bigimg{display:block;margin:0 0.78125%;position:relative;width:29.84375%}
.imgbox a img{display:block;width:100%;}
.product_font{position:absolute;left:0;width:100%;padding:2.3972% 0;background:rgba(0,0,0,.6);bottom:7.8767%;}
.product_font span{display:block;width:90%;margin:0 auto;height:28px;margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font:14px/28px 'microsoft yahei';}
.product_font div{width:90%;margin:0 auto;height:44px;font:12px/22px 'microsoft yahei';color:#fff;overflow:hidden;}
/* case */
.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}
.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}
.casetitle{width:100%;margin-top:3%}
.casetitle div{float:left;width:29.84375%;height:auto;position:relative;margin-left:1.25%}
.casetitle a{float:right;width:9.53125%;height:auto;position:relative;margin-right:1.09375%;margin-top:1.2%}
.casetitle div img,.casetitle a img{display:block;width:100%}
.casetitle div span{display:block;width:100%;height:100%;position:absolute;text-indent:12.56544%;font:18px/108px 'microsoft yahei';color:#b62a20}
.caselist{width:100%;padding:2% 0;overflow:hidden}
.caselist li{width:33.3333%;float:left;}
.caselist li div{width:92.0187%;margin:0 auto;border-radius:4px;box-shadow:0 0 6px #8b8a8a;border:1px solid #d3d3d3;background:#fff;padding-top:4%; margin-top:4%}
.case_img{display:block;width:92.3469%;margin:0 auto;border:1px solid #cacaca}
.case_img img{display:block;width:100%}
.case_link{display:block;width:92%;margin:0 auto;text-align:center;font:14px/30px 'microsoft yahei';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#161616}
.newstitle{width:100%;padding:1% 0 2%;overflow:hidden;background:#da4034;border-bottom:1px solid #af3127;}
.titlename{float:left;background:url(../images/img/icons1.jpg) 1.875% center no-repeat;width:50%;text-indent:9.375%;background-size:13.4375%;font-size:16px;line-height:50px;font-family:"microsoft yahei";color:#fff;height:42px;}
.titlename span{font-family:"simsun";color:#ffa5a5;font-weight:bold;padding-left:2%}
.newstitle a{display:block;width:10.935%;float:right;margin:1.5% 1.5625% 0 0;min-width:42px}
.newstitle a img{display:block;width:100%;}
.newslist{width:100%;padding:2% 0;background:#da4034;border-top:1px solid #fc5d51; overflow:hidden;}
.newslist li{width:96.25%;margin:0 auto;overflow:hidden;padding:0 0 2%; overflow:hidden;}
.list_img{display:block;float:left;width:20.1298%;padding:4px;background:#fff;border:1px solid #aa241a;box-shadow:3px 4px 4px #aa241a}
.list_img img{display:block;width:100%}
.list_title{display:block;width:69.3246%;float:left;margin-left:1.922%;background:url(../images/img/newslink.jpg) 0 0 no-repeat;height:36px;background-size:100% 100%;padding:0 3%;font:14px/36px 'microsoft yahei';color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px}
.newslist li div{font:12px/26px 'microsoft yahei';color:#fff;margin-top:10px;height:52px;overflow:hidden;float:left;margin-left:1.922%;width:75.3246%}
/* foot */
.foot{width:100%;background:url(../images/img/footbg1.png) 0 0 repeat;height:91px;background-size:100% 100%}
.foot a{display:block;width:25%;height:91px;float:left;font:20px/91px 'microsoft yahei';color:#fff;text-indent:12%}
.tel{background:url(../images/img/tel.jpg) 16% center no-repeat;background-size:32.5%}
.sms{background:url(../images/img/sms.jpg) 16% center no-repeat;background-size:30%}
.map{background:url(../images/img/map.jpg) 16% center no-repeat;background-size:25.625%}
.share{background:url(../images/img/share.jpg) 16% center no-repeat;background-size:33%}
.footbg{width:100%;background:url(../images/img/footbg2.jpg) 0 0 no-repeat;background-size:100% 100%;padding-top:30px;height:112px;text-align:center;}
.footnav{width:100%;text-align:center;font:16px/48px 'microsoft yahei';color:#d6d6d6}
.footnav a{color:#d6d6d6;margin:0 2%;}
.support{width:100%;text-align:center;font:14px/38px 'Microsoft YaHei';color:#d6d6d6}
.support a{color:#d6d6d6}
/*subpage*/
.homebtn{width:34.375%;left:2.65625%;background:url(../images/img/homebtn.png) 0 center no-repeat;position:absolute;top:32%;height:32%;background-size:17.2727%;text-indent:7.03125%;font:14px/32px 'microsoft yahei';color:#a61f11}
.newsul{width:100%;padding-bottom:3%; min-height:600px;}
.newsul li{width:100%;height:58px;border-bottom:1px dotted #010101;background:url(../images/img/icons3.jpg) 94% center no-repeat;background-size:3.4375%;text-indent:2.8125%;}
.newsul li a{display:block;width:88%;height:58px;font:14px/58px 'microsoft yahei';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#2c2c2c}
.more{display:block;width:27.65625%;height:48px;text-align:center;font:14px/48px 'microsoft yahei';color:#fff;background:#d93f33;border-radius:8px;margin:10px auto 20px}


.listpage{display: block;width:17.65625%;height:48px;text-align:center;font:14px/48px 'microsoft yahei';color:#fff;background:#d93f33;border-radius:8px;  margin:1%; float:left}

.listpage a{ color:#FFFFFF}

.product{width:100%;padding:2% 0;overflow:hidden}
.product li{width:50%;float:left;}
.product li div{width:86.875%;margin:0 auto 15px;border-radius:4px;box-shadow:0 0 6px #8b8a8a;border:1px solid #d3d3d3;background:#fff;padding-top:4%}
.subpage{width:92%;margin:0 auto;color:#151515;font:14px/180% 'microsoft yahei';padding:2% 0 3%;min-height:360px;}
.subpage h1{width:100%;font:18px/40px 'microsoft yahei';color:#272727;text-align:center;}
.subpage img{margin:10px auto;max-width:100%;display:block}
.pages{display:block;width:100%;height:36px;border-bottom:1px dotted #010101;text-indent:3.75%;color:#d93f33;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/36px 'microsoft yahei';}
.back{background:url(../images/img/back.jpg) 0 0 no-repeat;width:108px;height:40px;margin:10px auto;text-indent:18px;background-size:100% 100%;font:14px/33px 'microsoft yahei';display:block;color:#fff}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (min-width:480px) and (max-width:639px){
    .searchbg{height:39px;padding:7px 0}
    .search,.text{height:37px;border-radius:3px;line-height:25px;}
    .button{height:45px;width:45px;margin:-4px -3.41296% 0 0;}
    .foot,.foot a{height:69px;line-height:69px;font-size:14px}
    .casetitle div span{line-height:81px;}
    .list_title{height:30px;line-height:30px;margin-top:3px;}
    .newslist li div{height:45px;line-height:24px;margin-top:6px}
    .footbg{height:84px;padding-top:21px;}
    .footnav{line-height:36px;}
    .support{line-height:33px}
    .homebtn{line-height:24px;}
    .newsul li,.newsul li a{height:45px;line-height:45px;}
    .more{height:36px;line-height:36px;border-radius:6px}
	.listpage{height:36px;line-height:36px;border-radius:6px}
}
@media all and (max-width:479px){
    .slide-dot{bottom:4%}
    .slide-dot span{width:8px;height:8px;border-radius:8px;}
    .searchbg{height:26px;padding:5px 0}
    .search,.text{height:25px;border-radius:3px;line-height:25px;}
    .button{height:30px;width:30px;margin:-3px -3.41296% 0 0;}
    .product_font span{height:14px;bottom:4px;line-height:14px;margin-bottom:4px}
    .product_font div{height:24px;line-height:12px}
    .casetitle div span{line-height:54px;font-size:14px;text-indent:4.56544%;}
    .casetitle a span{line-height:32px;font-size:12px}
    .caselist li div{box-shadow:0 0 3px #8b8a8a;}
    .case_link{line-height:24px;}
    .titlename{height:21px;line-height:25px;font-size:14px}
    .list_img{padding:2px;box-shadow:2px 3px 3px #aa241a}
    .list_title{height:20px;line-height:20px;margin-top:2px;}
    .newslist li div{height:30px;line-height:15px;margin-top:4px}
    .foot,.foot a{height:46px;line-height:46px;font-size:14px}
    .footbg{height:56px;padding-top:15px;}
    .footnav{line-height:24px;}
    .support{line-height:22px}
    .homebtn{line-height:20px;}
    .newsul li,.newsul li a{height:30px;line-height:30px;}
    .more{height:24px;line-height:24px;border-radius:4px}
	.listpage{height:24px;line-height:24px;border-radius:4px}
    .back{width:90px;height:32px;line-height:28px;text-indent:11px}
}