@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/wap/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/wap/navbg.jpg) 0 0 repeat-y #021C37;z-index:1;}

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

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

.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:47px;font:16px/52px '微软雅黑';color:#fff;border-bottom:1px solid #053664}

.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:50%;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:#013773;border-bottom:1px solid #acadad;}

.titlename{float:left;width:50%;text-indent:2.5%;background-size:13.4375%;font-size:17px;line-height:50px;font-family:"microsoft yahei";color:#fff;height:42px; font-weight:bold;}

.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:#013773;border-top:1px solid #CCC; 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 #013773;box-shadow:3px 4px 4px #013773}

.list_img img{display:block;width:100%}

.list_title{display:block;width:69.3246%;float:left;margin-left:1.922%;background:url(../images/wap/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/wap/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/wap/tel_s.jpg) 16% center no-repeat;background-size:32.5%}

.sms{background:url(../images/wap/sms.jpg) 16% center no-repeat;background-size:30%}

.map{background:url(../images/wap/map.jpg) 16% center no-repeat;background-size:25.625%}

.share{background:url(../images/wap/share.jpg) 16% center no-repeat;background-size:33%}

.footbg{width:100%;background:url(../images/wap/footbg2.jpg) 0 0 no-repeat;background-size:100% 100%;padding-top:30px;height:112px; padding-bottom:50px;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/wap/homebtn.png) 0 center no-repeat;position:absolute;top:36%;height:32%;background-size:17.2727%;text-indent:20%;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/wap/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:#021C37;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:#021C37;border-radius:8px;  margin:1%; float:left}



.listpage a{ color:#FFFFFF}



.product{width:100%;padding:2% 0;overflow:hidden; min-height:600px;}

.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:600px;}

.subpage h1{width:100%;font:18px/40px 'microsoft yahei';color:#272727;text-align:center;}



.subpage h2{width:100%;font:14px/30px 'microsoft yahei';color:#272727;text-align:left; background-color:#e3dfdf; height:36px; line-height:36px; text-indent:20px;}



.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:#021C37;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/36px 'microsoft yahei';}

.back{background:url(../images/wap/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}

}



#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; }











.rnav{



	margin:0 auto;



	position:relative;padding:0.1rem 0;



}



.rnav a{



	float:left;



	display:block;width:25%;



	text-align:center;color:#151515; font-size:14px;



}



.rnav .in{



	position:relative;display:inline-block;



	width:2.8rem;height:2.8rem;margin-top:0.05rem;	



	font-size:0.5rem;line-height:0.8rem;border-radius:50%;



	border:1px solid #333;color:#333;



}



.rnav a:nth-child(1) .in{



	background:url(../images/wap/icon1.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(2) .in{



	background:url(../images/wap/icon2.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(3) .in{



	background:url(../images/wap/icon3.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(4) .in{



	background:url(../images/wap/icon4.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(5) .in{



	background:url(../images/wap/icon5.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(6) .in{



	background:url(../images/wap/icon6.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(7) .in{



	background:url(../images/wap/icon7.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.rnav a:nth-child(8) .in{



	background:url(../images/wap/icon8.png) no-repeat;



	background-size:2.8rem 2.8rem;



}



.hfont{font-family:"hfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}



.ckgd { padding: 10px;  text-align: center; }

.ckgd a { margin: 0 10px; display: inline-block; border: 1px solid #e4e4e4; border-radius: 4px; width: 200px; line-height: 30px; font-size: 14px; color: #000 !important; background-color: #fff; text-align: center; }



.tit2{ border-top:1px solid #B21A0F; width:85%; position:relative; margin:10% auto 10px;}

.tit2 p{ text-align:center; position:absolute; top:-15px; left:36%;right:36%; background:#fff; font-size:15px; color:#B21A0F;font-weight:bold;}



.footerNav {width: 100%; height:44px;position:fixed; bottom: 0px;z-index: 8888;}

.footerbox{width: 100%;height:44px;display:-moz-box;display:-webkit-box;display:box;}

.footerNav a {display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:44px; line-height:44px;font-size:14px;color:#fff;text-align:center; border-right:1px solid #d8e4ed; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); font-weight:bold;}

.footerbgyellow{ background: #F9AE3B;}

.footerbgblue{ background: #2ebd9b; }

.footerbgred{ background:#F66375;}

.looyuLink{cursor:pointer;}



.clearfix:after{content:' ';clear:both;display:block;height:0;visibility:hidden;line-height:0}

.clear{ clear:both;}





.newsuls{width:100%;padding-bottom:3%; min-height:600px;}



.huanjing{padding-right:10px;padding-left:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px; margin-top:3px; padding-bottom:8px;}

.toutu99{ width:100%;}

.toutu9999{ float:left; width:35%; margin-top:5px;}

.toutu9999 img{ border:1px solid #eeeeee;}

.toutu999{ float:left; width:62%; margin-left:3%;}

.toutu999 p{ text-align:left; line-height:25px;}

.toutu999 p a{ color:#D64D03; font-size:15px;}

.toutu999 div{ color:#666;}

.toutu999 div a{ color:#333;}

.cle{ clear:both;}



.huanjings{padding-right:10px;padding-left:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px; margin-top:3px; padding-bottom:8px;}

.toutu999s{ width:100%;}

.toutu999s p{ text-align:center; line-height:25px;}

.toutu999s p a{ color:#D64D03; font-size:15px;}

.toutu999s div{ color:#666; text-indent:20px;}

.toutu999s div a{ color:#333;}