@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 #003774;z-index:1;}

.nav li{width:100%;line-height:53px;background:url(../images/img/icons2.jpg) 172px 20px no-repeat;margin:0 auto;border-bottom:1px solid #6493C6;background-size:4%}

.nav li ul{border-top:1px solid #6493C6;background:none;width:100%;margin:0 auto;border-bottom:1px solid #6493C6}

.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 #003774;font:14px/42px '微软雅黑';color:#fff;}

.nav li a{display:block;width:100%;height:52px;text-indent:47px;font:16px/52px '微软雅黑';color:#fff;border-bottom:1px solid #003774}

.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:#02371B}

.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:#003774;border-bottom:1px solid #013b1b;}

.titlename{float:left;width:50%;text-indent:1.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:#003774;border-top:1px solid #6493C6; 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 #032955;box-shadow:3px 4px 4px #032955}

.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:50%}

.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:20%;font:14px/32px 'microsoft yahei';color:#a61f11}

.newsul{width:100%;padding-bottom:3%; min-height:450px;}

.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; min-height:400px;}

.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%;}

.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 #033E1C}

    .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}

}



#pages { padding:14px 0 10px; font-size:14px; }

#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px}

#pages a.a1 { width:70px; padding:0 }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:30px; line-height:30px; background:#08A5E0; border:1px solid #08A5E0; color:#fff; text-align:center;padding:0 15px}

.page .noPage { display:inline-block; width:70px; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }