*{ padding: 0; margin: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;  outline: none; }
html { font-size: 100%;}
/* always display scrollbars */

/*@font-face{font-family:lyzFont;src:url(../font/lyzFont.eot);src:url(../font/lyzFont.eot) format('embedded-opentype'),url(../font/lyzFont.woff) format('woff'),url(../font/lyzFont.ttf) format('truetype'),url(../font/lyzFont.svg) format('svg')}*/
.caseFont{font-family:lyzFont !important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;moz-osx-font-smoothing:grayscale;color: #999;}
@font-face {
    font-family: lyzFont;
    src: url(../font/lyzFont.eot);
    src: url(../font/lyzFont.eot) format('embedded-opentype'),
    url(../font/lyzFont.woff) format('woff'),
    url(../font/lyzFont.ttf) format('truetype'),
    url(../font/lyzFont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","lyzFont",sans-serif; margin: 0 auto; color:#333; overflow-x: hidden }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
strong,i,em,b,.caseFont{ font-style:normal; font-weight:normal; }
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #e75c49; color: #fff; text-shadow: none; }
::selection { background: #e75c49; color: #fff; text-shadow: none; }

a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color:#e75c48; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.box{width: 1000px;margin:0 auto;overflow: hidden;position: relative;}
.bbox{width: 1300px;margin:0 auto;overflow: hidden;position: relative;}
.btn-sm{width: 80px;height: 22px;text-align: center;background-color: #e75c48;color: #fff;font-size: 12px;display: block;line-height: 22px;border-radius: 4px;}
.btn-sm:hover{background-color: #005f29;color: #fff;}
.mat{margin:0 auto;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
/**顶部样式**/
.topbar{width: 100%;border:1px solid #eee;overflow: hidden;height: 40px;line-height: 40px;color: #999;}
.topbar .top{width: 1300px;margin:0 auto;}
.topbar .top .toprt li a{color: #999;}
.topbar .top .toprt li{padding-left: 20px;box-sizing: border-box;float: left;margin-right: 35px;}
.topbar .top li.top-price{background: url(../image/top_price.png) 0 center no-repeat;}
.topbar .top li.top-tel{background: url(../image/top_tel.png) 0 center no-repeat;}
.topbar .top li.top-tel span{font-size: 20px;color: #e75c48;}

.header{width: 100%;margin:0 auto;height: 100px;overflow: hidden;}
.head{width: 1300px;margin:0 auto;}
.logo{margin:8px 0 0 10px;}
.logo img{width: 190px;}
.head .head-subtitle{margin-left: 30px;color: #e75c48;font-size: 18px;width: 210px;margin-top: 41px;line-height: 20px;}
.head .head-subtitle .head-subeg{text-transform:uppercase;font-size:10px; -webkit-transform:scale(0.84); -webkit-transform-origin: 0 0}
/***顶部导航**/
.navbar{overflow: hidden;}
.navbar ul li{float: left;width: 100px;border-right: 1px solid #eee;text-align: center;height: 100px;}
.navbar ul li:last-child{border-right: none;}
.navbar ul li a{display: block;color: #666;}
.navbar ul li a:hover{color: #e75c48;}
.navbar ul li a.active{color: #e75c48;}
.navbar ul li i{display: inline-block;vertical-align: middle;margin-top: 23px;}
.navbar li .icon{background: url(../image/icon.png) no-repeat;width: 34px;height: 34px;}
.navbar li i.i-home{background-position: 0 -180px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li i.i-about{background-position: 0 -216px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li i.i-case{background-position: 0 -252px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li i.i-news{background-position: -50px 0;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li i.i-contact{background-position: -50px -36px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li a.navhome:hover .i-home,.navbar li i.i-home-hover{background-position: 0 0;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li a.navabout:hover .i-about,.navbar li i.i-about-hover{background-position: 0 -36px;transition: all .3s ease 0s;}
.navbar li a.navcase:hover .i-case,.navbar li i.i-case-hover{background-position: 0 -72px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li a.navnews:hover .i-news,.navbar li i.i-news-hover{background-position: 0 -108px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li a.navcontact:hover .i-contact,.navbar li i.i-contact-hover{background-position: 0 -144px;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.navbar li p{margin:0;padding: 0;margin-bottom: 3px;}

.banner img{display: block;height:auto;overflow: hidden;max-width: 100%}
.banner{ width:100%; height:100%; overflow:hidden; position:relative;  }
.ban-case{background: url(../image/ban_case.jpg) center center no-repeat;height: 500px;width: 100%;}
.ban-news{background: url(../image/ban_news1.jpg) center center no-repeat;height: 500px;width: 100%;}
.ban-contact{background: url(../image/ban_contact1.jpg) center center no-repeat;height: 500px;width: 100%;}
.ban-about{background: url(../image/ban_about1.jpg) center center no-repeat;height: 500px;width: 100%;}
.banner .hd{ overflow:hidden; position:absolute; z-index:1;bottom:50px;text-align: center;width: 100%;}
.banner .hd ul{ overflow:hidden; zoom:1; width: 100%}
.banner .hd ul li{ display: inline-block; margin-right:10px;  width:13px; height:13px; line-height:13px; text-align:center; background:#fff; cursor:pointer;}
.banner .hd ul li.on{ background:#e75c48; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block;  }
.banner .bd li a{display: block;width: 100%;height: 600px;}

/*文字滚动特效*/
.tips{width: 100%}
.txtScroll{ overflow:hidden; position:relative;   }
.txtScroll .hd{ overflow:hidden;  }
.txtScroll .hd ul{ float:right; overflow:hidden; zoom:1; }
.txtScroll .hd ul li{  }
.txtScroll .hd ul li.on{ background-position:0 0; }
.txtScroll .bd{ padding:15px;  }
.txtScroll .infoList li{ height:24px; line-height:24px;   }
.txtScroll .infoList li .date{ float:right; color:#999;  }
.txtScroll .infoList li a{color: #e75c48;}
.txtScroll .infoList li a span{color: #666;}

/***内容页公共样式**/
.wrap{overflow: hidden;background-color: #f6f6f6;padding:0 0 40px;}
.locate{width: 100%;overflow: hidden;border-bottom:1px solid #eee;padding:30px 20px 10px;box-sizing: border-box;background-color: #fff; }
.locate .tit h3{font-size: 36px;float: left;line-height: 36px;color: #444;}
.locate .tit span{font-size: 14px;color: #888;padding:10px 0 0 15px;float: left}
.locate .locateCon{margin-top: 10px;color: #888;}
.locate .locateCon a{color: #888;}
.inner{overflow: hidden;width: 100%;background-color: #fff;box-shadow: 0 0 45px rgba(0,0,0,.1);margin:45px auto 0;}
.article{width: 990px;padding:20px 30px 30px;box-sizing: border-box;line-height: 32px;border-right: 1px dashed #eee;}
.article-body{width: 990px;padding:30px 30px 30px;box-sizing: border-box;font-family:宋体;line-height: 32px;border-right: 1px dashed #eee;}
.article-body img{max-width: 100%;display: block;margin:15px auto;}
.article .article-list{width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 25px;padding-top: 25px;}
.article .article-list:hover{border-bottom: 1px solid #e75c48;}
.article .article-list:hover .arctit h3 a{color: #e75c48;font-weight: bold;}
.article .arctime h3{font-size: 24px;color: #333;}
.article .arctime p{font-size: 14px;color: #aaa;}
.article .archead{width: 250px;height: 180px;margin:0 20px;overflow: hidden;}
.article .archead img{width: 100%;height: 100%;display: block;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.article .archead:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.article .arctit{width: 550px;overflow: hidden;position: relative;height: 180px;}
.article .arctit h3 a{color: #333;font-size: 20px;display: block;white-space: nowrap;
    text-overflow: ellipsis;margin-bottom: 15px;}
.article .arctit p{font-size: 12px;color: #999;line-height: 24px;}
.article .arctit .info{bottom:0;position: absolute;right: 0;width: 100%;}
.article .arctit .info a{font-size: 12px;color: #444;}
.article .arctit .info a:hover{color: #e75c48;}
.article .arctit .info span{color: #444;}
.article .map{width: 100%;overflow: hidden;height: 600px;margin-top:10px;}
.page{width: 100%;overflow: hidden;text-align: center;margin:50px 0 0 20px;}
.page .pagination .active span{background-color: #e75c48;border:1px solid
#e75c48;color: #fff;}
.page .pagination a{display: inline-block;height: 40px;line-height: 40px;text-align: center;border:1px solid #e0e0e0;margin:0 3px;padding:0 20px;color: #333;}
.page .pagination span{display: inline-block;padding: 0 20px;line-height: 40px;text-align: center;border:1px solid
#e0e0e0;}
.page .pagination a:hover{background-color: #e75c48;color: #fff;}
.pagination{width: 100%;text-align: center;}
.pagination li{display: inline-block;margin:0 5px;}

.article .arc-head{width: 100%;overflow: hidden;margin:20px auto 30px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.article .arc-head h1{font-weight: bold;margin-bottom:15px;color: #000;}
.article .arc-head p{margin:10px auto;font-size: 14px;color: #666;}
.article .arc-head p span{margin-right: 30px;}
.article .arc-cont{width: 100%;overflow: hidden;font-family: '宋体';border-bottom: 1px solid #eee;padding-bottom: 30px;}
.article .arc-cont p{font-size: 14px;color: #444;}
.article .arc-cont img{max-width: 100%;display: block;margin:0 auto;}
.article .pagenext{width: 100%;margin:30px auto;}
.article .pagenext ul li{width: 100%;}
.article .pagenext ul li a{color: #333;}
.article .pagenext ul li a:hover{color: #e75c48;}

.side{width: 300px;padding: 15px 20px;box-sizing: border-box;}
.side .price{width: 100%;overflow: hidden;border-bottom:1px dashed #eee;padding-bottom: 20px;}
.side h3{font-size: 18px;color: #e75c48;text-align: center;margin:15px auto;}
.side .price input{width: 99%;border:1px solid #eee;background: inherit;line-height: 40px;height: 40px;color: #666;margin-bottom: 10px;padding-left: 10px;box-sizing: border-box;}
.side .price textarea{width: 99%;border:1px solid #eee;background: inherit;height: 80px;color: #666;padding-left: 10px;box-sizing: border-box;}
.side .price a{width: 99%;height: 40px;text-align: center;color: #fff;font-size: 16px;line-height: 40px;background-color: #e75c48;display: block;margin:10px auto 0;}
.side .price a:hover{background-color: #005f29}
.side .price p{color: #ff0000;font-size: 12px;}
.side .contact{margin:20px auto;color: #666;}
.side .contact .tel{color: #e75c48;font-size: 20px;}
/***右侧边样式***/
.sidenav{width: 100%;overflow: hidden;padding-bottom: 10px;margin-top: 15px;}
.sidenav ul li{display: block;border-left: 8px solid #eee;margin-bottom: 5px;background-color: #f8f8f8;-webkit-transition: all .2s ease 0s;transition: all .2s ease 0s;-moz-transition: all .2s ease 0s;}
.sidenav ul li a{font-size: 16px;color: #666;display: block;line-height:55px;padding-left: 70px;box-sizing: border-box;}
.sidenav ul li:hover{border-left: 8px solid #e75c48;}
.sidenav ul li:hover a{color:#e75c48;}
.sidenav ul li.on a{color: #e75c48;}
.sidenav ul li.on{border-left: 8px solid #e75c48;}
.sidenav ul li .icon{background: url(../image/icon.png) no-repeat;width: 19px;height: 20px;display: inline-block;margin-top: 20px;vertical-align: top;margin-right: 2px;}
.sidenav ul li i.i-side-home{background-position: -160px -56px;}
.sidenav ul li i.i-side-about{background-position: -160px -80px;}
.sidenav ul li i.i-side-case{background-position: -160px -104px;}
.sidenav ul li i.i-side-news{background-position: -160px -128px;}
.sidenav ul li i.i-side-contact{background-position: -160px -152px;}
.sidenav ul li.on i.i-side-home,.sidenav ul li:hover i.i-side-home{background-position: -130px -56px;}
.sidenav ul li.on i.i-side-about,.sidenav ul li:hover i.i-side-about{background-position: -130px -80px;}
.sidenav ul li.on i.i-side-case,.sidenav ul li:hover i.i-side-case{background-position: -130px -104px;}
.sidenav ul li.on i.i-side-news,.sidenav ul li:hover i.i-side-news{background-position: -130px -128px;}
.sidenav ul li.on i.i-side-contact,.sidenav ul li:hover i.i-side-contact{background-position: -130px -152px;}


/*侧边在线咨询*/
.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e75c48;border-bottom:solid 1px #005f29;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consultr,.words{background-image:url(../image/zxicon.png);}
.quote{background-image:url(../image/kficon.png);}
.qrcord{background-image:url(../image/erweima.png);}
.return{background-image:url(../image/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e75c48;border-bottom:solid 1px #005f29;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../image/ewm.jpg);display:block;width:145px;height:145px;margin:auto;margin-top:7px;background-size: 145px 145px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

.floating_ck{ opacity: 0;}
.floating_ck.topshow{opacity:1;	}

/*案例中心样式*/
.fenlei{overflow: hidden;padding: 20px 20px 35px;box-sizing: border-box;}
.fenlei ul li{overflow: hidden;padding: 10px 20px;border-bottom: 1px solid #f1f1f1;}
.fenlei li span{float: left;display: inline-block;width: 110px;line-height: 50px;}
.fenlei li dl{float: right;display: block;overflow: hidden;width: 1110px;}
.fenlei li dl dd{float: left;text-align: center;margin:10px 5px;}
.fenlei li dl dd a{color: #333;display: block;padding: 0 15px;}
.fenlei li dl dd.on a,.fenlei li dl dd:hover a{color: #fff;background-color: #e75c49;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.pagebox{width: 100%;overflow: hidden;background-color: #f6f6f6;}
.case{width: 100%;overflow: hidden;text-align: center;padding-left: 15px;box-sizing: border-box}
.case li{margin:20px 20px;width: 380px;background-color: #fff;float: left;}
.case li:hover .casetit{background-color: #e75c49;color: #fff;}
.case li:hover .casetit h4,.case li:hover .casetit p,.case li:hover .casetit i{color: #fff;}
.case li:hover .casetit .arrowtop{display: block;}
.case .casephoto{width: 100%;height: 250px;}
.case .casephoto img{display: block;width: 380px;height: 250px;margin:0 auto;}
.case .casetit{padding: 30px 40px;position: relative;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;}
.casetit .arrowtop {
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #e75c49;
    position: absolute;
    top: -10px;
    right: 40px;
    margin-left: -10px;
    display: none;
}
.case .casetit h4{font-size: 16px;color: #555;width: 260px;margin:0 auto;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}
.case .casetit .caseFont{float: right;height: 20px;line-height: 20px;position: relative;margin-top: 6px;display:inline-block;-webkit-text-stroke-width: 0;font-size: 22px;}
.case .casetit .casename{width: 100%;overflow: hidden;}
/**
.case .casetit .caseFont:before{display: block;content: '';width: 1px;height: 15px;background-color: #999;position: absolute;top:0;left: 7px;margin-top:0;}
.case .casetit .caseFont:after{display: block;content: '';width: 15px;height: 1px;position: absolute;background-color: #999;top:7px;left: 0;}
**/
.case .casetit p{width: 100%;color: #999;text-align: left}


.address{width: 100%;overflow: hidden;padding: 10px 0;border-bottom: 1px dashed #f1f1f1;margin-bottom: 15px;}
.address h3{font-size: 20px;color: #333;margin:5px 0 10px;}
.address i{width: 19px;height: 19px;display: inline-block;margin-right: 10px;float: left;margin-top: 7px;}
.address i.i-tel{background: url(../image/i-tel.png) no-repeat;}
.address i.i-qq{background: url(../image/i-qq.png) no-repeat;}
.address i.i-address{background: url(../image/i-address.png) no-repeat;}
.address p{color: #444;}


.demo-class .layui-layer-title{background:#e75c48; color:#fff; border: none;}
.demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
.demo-class .layui-layer-btn a{background:#e75c48;}
.demo-class .layui-layer-btn .layui-layer-btn1{background:#fff;}


.footer{width: 100%;overflow: hidden;}
.foot-nav{width: 100%;text-align: center;height: 50px;background-color: #e75c48;}
.foot-nav ul li{display: inline-block;}
.foot-nav ul li a{color: #fff;padding:0 15px;line-height: 50px;border-right: 1px solid #03af4d;}
.foot-nav ul li:last-child a{border-right: none;}
.foot-body{width: 100%;background: url(../image/about_bg.jpg) repeat-x;height: 314px;}
.foot-body .intro{width: 493px;overflow: hidden;}
.foot-body .intro h3{font-size: 14px;color: #e75c48;}
.foot-body .intro p{font-size: 14px;color: #666;}
.foot-body .intro p a{color: #666;border-right: 1px solid #ccc;padding: 0 3px;}
.foot-body .intro p a:last-child{border-right: none;}
.foot-body .intro p a:hover{color: #e75c48;text-decoration: underline;}
.foot-body .contact{width: 100%;margin:30px auto 15px;}
.foot-body .contact li .icon{background: url(../image/icon.png) no-repeat;width: 51px;height: 51px;}
.foot-body .contact ul li{display: inline-block;margin:0 10px;}
.foot-body .contact ul li .i-foot-tel{background-position: -130px 0;}
.foot-body .contact ul li .i-foot-msg{background-position: -50px -209px;}
.foot-body .contact ul li .i-foot-qq{background-position: -50px -155px;}
.foot-body .contact ul li i{display: block;margin:15px auto 5px;}
.foot-body .contact ul li p{font-weight: bolder;color: #e75c48;text-align: center}
.foot-ewm{overflow: hidden;margin-top: 60px;}
.foot-ewm .foot-logo{margin-right: 90px;margin-top: 20px;}
.foot-ewm .ewm{margin-right: 15px;width: 145px;text-align: center;font-size: 12px;color: #666;}
.foot-ewm .ewm img{width: 100%;}
.foot-product{float: right;display: inline-block;width: 418px;}
.frdlink{border-top:1px solid #fff;text-align: center;margin-top: 25px;}
.frdlink a{display: inline-block;color: #666;border-right: 1px solid #ccc;padding: 0 10px;line-height: 15px;}