@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
.zi{font-size: 14px;}
/*全局样式*/
header{width:100%;height:110px; padding-top:22px;}
.logo img{width:315px; height:auto}
header .middle{margin:0px 0 0px 60px;}

header .phone{background:url(../images/icon-call.png) no-repeat left center;padding-left:40px;font-size:12px;color:#000;margin-top:10px;}
header .phone h4{font-size:24px; color:#d81e06;font-weight:bold;}
header .phone:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
				@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
				10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
				100%{-webkit-transform:scale(1) rotate(0);}}

				/*火狐浏览器*/
				@-moz-keyframes tada{0%{-moz-transform:scale(1);}
				10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
				100%{-moz-transform:scale(1) rotate(0);}}

/*pc导航*/
.nav{width:100%;background:#ae0202; height:50px;}
.nav li{ width:12.3%;float:left;font-size:14px;line-height:50px;text-align:center;position:relative;}
.nav .bx{width:1px; height:15px;background:#ce6767;margin-top:18px;}
.nav li a{display:block;color:#fff;}
.nav .on,.nav li a:hover{background:#000;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:50px;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; height:45px;background:rgba(174,2,2,0.8);line-height:45px;font-size:14px;margin-top:1px; border:0;}
.nav li .nav-zi li a{display:block; padding:0 15px;}
.nav li:hover .nav-zi{display:block !important;}
.nav li .nav-zi li:hover a{background:rgba(0,0,0,0.8);}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#ae0202;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#ae0202;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}
#myCarousel:hover .carousel-control.left{display:block}
#myCarousel:hover .carousel-control.right{display:block}

/*主体内容*/
.main1{padding-bottom:30px;}
.title{font-size:12px;text-align:center; color:#666; padding:50px 0 40px;}
.title h4{font-size:26px; font-weight:bold; color:#ae0202;}
.title h5{font-size:16px;color:#000; line-height:35px;}
.title .xian{width:31px; height:2px; background:#000; margin:3px auto 12px;}
.title:hover .xian{width:100%;}

/*1、服务项目*/
.fuwu{background:#f7f7f7;}
.fuwu .imgbox{display:block; margin:0 15px 30px;}
.fuwu .imgbox .tu{background:#ffff; padding:15px; margin-bottom:5px; box-shadow:0 0 8px #ccc;margin-top: 2px;}
.fuwu .imgbox .tu .imgbg{overflow:hidden; position:relative}
.fuwu .imgbox .tu .mask{width:100px; background:rgba(174,2,2,0.8); position:absolute; bottom:0; left:50%; margin-left:-50px; font-size:12px; color:#fff; line-height:28px; text-align:center; opacity:0}
.fuwu .imgbox h4{background:#fff; font-size:16px; color:#000; line-height:48px; text-align:center; font-weight:bold;box-shadow:0 0 8px #ccc}
.fuwu .imgbox:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.fuwu .imgbox:hover .mask{opacity:1}
.fuwu .imgbox:hover h4{color:#ae0202;}


/*2、产品展示*/
.navbox{font-size:0; margin-bottom:20px; text-align:center}
.navbox .navli{display:inline-block;width:114px; border:1px solid #ccc;font-size:12px; color:#000; line-height:34px; margin:0 2px 4px;}
.navbox .navli.active{background:#ae0202; border-color:#ae0202; color:#fff}
.lunbobox{display:none;}
.lunbobox.active{display:block;}
.show .imgbox{display:block; margin:5px 10px 20px;}
.show .imgbox .tu{overflow:hidden; margin-bottom:1px;}
.show .imgbox .tu .img{ overflow:hidden}
.show .imgbox h4{background:#f7f7f7; font-size:14px; color:#000; line-height:50px; height: 50px; text-align:center;}
.show .imgbox:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.show .imgbox:hover h4{background:#7a0303; color:#fff}
.more11{display:block;width:153px; height:40px; background:#ae0202; padding:2px; margin:15px auto 20px}
.more11 span{display:block; border:1px solid #c64e4e; font-size:14px; color:#fff; text-align:center; line-height:34px;}
.more11:hover span{ font-size:15px; font-weight:bold}


/*3、公司简介*/
.jianjie{ background:url(../images/about-bg.jpg) center center;background-size:cover; width:100%; height:auto; padding-bottom:70px;color:#fff;}
.jianjie .title h5,.jianjie .title h4,.jianjie .title{color:#fff;}
.jianjie .title .xian{background:#fff;}
.jianjie .left{padding-right:10px;}
.jianjie .tu{height:410px; box-shadow:10px 10px rgba(255,255,255,0.5)}
.jianjie .text h4{font-size:16px; font-weight:bold;}
.jianjie .text .zi{font-size:14px; color:#bbb;line-height:30px; height:323px; overflow:hidden; margin:10px 0 0}
.jianjie .more11{float:left;}


/*4、新闻动态*/
.news .imgbox{display:block; margin-bottom:30px}
.news .imgbox .tou h4{font-size:14px; color:#000; line-height:30px;}
.news .imgbox .tou span{font-size:12px; color:#999;}
.news .imgbox .tu{overflow:hidden; margin:15px 0;}
.news .imgbox .tu .img{height:96px;}
.news .imgbox .zi{font-size:12px; color:#666; line-height:24px; height:72px; overflow:hidden;}
.news .imgbox .more{width:90px; height:25px; background:#3e3e3e; font-size:12px; color:#fff; line-height:25px; text-align:center; margin-top:20px}
.rong .imgbox:hover .tu .img,.case .imgbox:hover .tu .img,.news .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news .imgbox:hover h4{color:#ae0202;}
.news .imgbox:hover .zi{color:#333;}
.news .imgbox:hover .more{background:#ae0202;}


/*5、案例展示*/
.case{background:#f2f2f2;}

/*6、定制流程*/
.ding .tu img{max-width:100%; height:auto;margin:0 auto}
.ding .img{display:block;}
.ding .img1{display:none;}

/*7、联系我们*/
.contact{background:url(../images/contact-bg.jpg) center center; background-size:cover; width:100%; height:auto; color:#fff}
.contact .title1{font-size:12px; color:#ababab; text-align:center; padding:50px 0 40px;}
.contact .title1 h5{font-size:25px;color:#fff;}
.contact .title1 h4{background:url(../images/title1.png) no-repeat center center; font-size:30px; color:#c00000; font-weight:bold; line-height:50px;}
.contact .title1 span{margin-top:10px; display:block}
.contact h1{font-size:18px; line-height:40px;}
.contact .text{position:relative; font-size:12px; /*line-height:30px;*/ padding-right:160px; margin-top:10px}
.contact .sao{ position:absolute; top:5px; right:0;width:140px;}
.contact .sao img{ width:100%; height:auto;}
.contact ul li{font-size:16px; line-height:33px;}
.contact ul li b{margin-right:16px; line-height:33px; color:#ff9610; font-size:16px;}
.contact form .form{width:50%;}
.contact form input{width:100%; background:#696969; height:40px; font-size:12px; line-height:40px; padding:0 10px; border:0;}
.contact textarea{width:100%;height:104px;background:#696969; border:0;font-size:12px; line-height:24px; margin:10px 0; padding:5px 10px}
.contact button{ width:218px; height:40px; color:#fff; background:#c00000; border:none; outline:none}
.contact button:hover{ background:#8b1010;}


/*底部信息*/
footer{background:#730000;color:#c1a3a3;padding:20px 0; font-size:12px; line-height:24px; text-align:center}
footer a{color:#c1a3a3;}
footer a:hover{color:yellow;}

/*底部热点开始*/
@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
.w100{width:100% !important}
.h100{height:100% !important}
.hot{height:50px; background:#474747; position:fixed; bottom:0; left:0; z-index:99; border-top:2px solid #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#333;}	
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*底部热点结束*/

/*子页面*/
/*1、关于我们*/
.main{ padding:0 0 50px;font-size:15px; line-height:30px; background:#f7f7f7}
.main img{display:block; max-width:100%; height:auto; margin:10px auto 20px;}
/*内页左侧导航主要样式*/
.neiye{margin-top:-50px;}
.neiye .menu{background:url(../images/icon-menu.png) no-repeat no-repeat 14px center,url(../images/menu.jpg) no-repeat; line-height:50px; text-indent:68px;font-size:16px; color:#fff; font-weight:bold; position:relative}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:35px;}
.neiye .nav1{background:#fff url(../images/icon-zi1.png) no-repeat 23px center; border:1px solid #eaeaea;font-size:14px; color:#333; line-height:38px; margin-top:1px; display:block; text-indent:65px; text-align:left}
.neiye ul a{display:block; background:#f2f2f2; font-size:12px; color:#888; line-height:35px; text-indent:84px; margin-top:2px}
.neiye ul{display:none;}
.neiye .ul1{display:block;}
.neiye .navbox{background:none; padding:0;}

/*一级导航、二级导航默认选中状态和hover事件*/
.neiye .nav1.active,.neiye .nav1:hover{background:#ae0202 url(../images/icon-zi2.png) no-repeat 23px center;color:#fff}
.neiye ul a.active,.neiye ul a:hover{color:#ae0202;}


.neiye .menu1{background:url(../images/icon-menu1.png) no-repeat no-repeat 14px center,url(../images/menu.jpg) no-repeat;margin-top:20px;}
.lian{border:1px solid #eaeaea; background:#fff;font-size:12px;line-height:30px; padding:15px 20px 30px; margin-top:1px}
.lian h4{font-size:16px; font-weight:bold; line-height:40px;}
.lian img{width:100%; height:auto; display:block; margin-bottom:10px;}


.main .right{background:#fff; border:1px solid #eaeaea; padding:10px 20px 40px; margin:30px 0 40px;}
.main .cont{margin-top:20px;}
.main .cont ul{text-align:center; margin-top:30px}
.main .cont ul li{display:inline-block; margin:0 10px}

.title-zi{border-bottom:1px solid #eaeaea;line-height:40px}
.title-zi span{display:inline-block; border-bottom:2px solid #ae0202;font-size:18px; font-weight:bold; padding:0 30px; text-align:center}

.about{font-size:14px;/*line-height:32px;*/ }
.about h4{font-size:18px; line-height:40px;font-weight:bold}
.about span{/*font-size:12px; color:#999;*/}

.call-us{font-size:13px; color:#6a6a6a;line-height:28px; }
.call-us h4{font-size:18px; color:#666; font-weight:bold;line-height:30px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.show-box .imgbox{margin:0 0 30px}

.news-box .imgbox .text span{margin:-3px 0;}

.show-main{text-align:center;}
.show-main img{ max-width:100%; height:auto; display:block; border:1px solid #ccc; padding:2px; margin:10px auto;}

.liuyan{ width:70%; margin:0 auto;}
.liuyan button{width:100%; height:35px; background:#000; font-size:14px; color:#fff; border:0; outline:none;}
.liuyan button:hover{background:#ae0202;}

.rong .imgbox{display:block; margin-bottom:30px;}
.rong .imgbox .tu{border:1px solid #f2f2f2; padding:1px; margin-bottom:1px;}
.rong .imgbox .tu .imgbg{overflow:hidden; background:#f2f2f2;}
.rong .imgbox .zi{ background:#f2f2f2; font-size:14px; color:#333; line-height:60px; padding:0 20px;}
.rong .imgbox:hover .tu{border-color:#ae0202;}
.rong .imgbox:hover .zi{background:#ae0202; color:#fff}


@media (max-width:1350px){
.owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display:none}
}

@media (max-width:1151px){
header .middle{margin-left:5px;}
header .phone{padding-left: 30px;}


}

@media (max-width:991px){
	header .phone{display: none;}
header{height:90px; padding-top:16px;}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
footer{padding-bottom:70px;}
.contact .title1,.title{padding:40px 0 30px;}
.title h4{font-size:22px;}
.title h5{font-size:14px;line-height:30px;}
.title .xian{margin:0 auto 8px;}
.fuwu .imgbox{margin:0 10px 20px;}
.jianjie .tu{margin-bottom:30px;}
.news .imgbox .tu{margin:10px 0;}
.news .more11,.news .imgbox .more{margin-top:10px;}
.contact .title1 h5{font-size:22px;}
.contact .title1 h4{font-size:24px;line-height:40px;}



/*手机侧导航 下拉 开始*/
.neiye{ text-align:center; margin-top:20px}
.neiye .menu span,.neiye .menu{line-height:45px; background:#ae0202 }
.neiye .menu,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{text-indent:0; text-align:center}
/*手机侧导航 下拉 结束*/
}

@media (max-width:767px){
header{height:70px; padding-top:10px}
.logo img{width:280px;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.jianjie{padding-bottom:50px;}
.jianjie .text .zi{height:243px;}
.news .imgbox{margin-bottom:20px;}
.contact .title1 h5{font-size:20px;}
.contact .title1 h4{font-size:22px;line-height:35px;}

.rong .row,.show-box .row{margin:0 -8px !important}
.rong .col-xs-6,.show-box .col-md-4{padding:0 8px !important}
.rong .imgbox,.show-box .imgbox{margin:0 0 16px}
.liuyan{width:100%;}
.rong .imgbox .zi{line-height:45px;}
}

@media (max-width:600px){
.title h4{font-size:20px;}
.title h5{font-size:13px;}
.fuwu .imgbox .tu{padding:10px;}
.show .imgbox h4,.fuwu .imgbox h4{font-size:14px; line-height:40px;}
.contact button{width:150px;}
.ding .img{display:none;}
.ding .img1{display:block;}
.contact .title1 h5{font-size:18px;}
.contact .title1 h4{font-size:20px;line-height:30px;}
.contact .title1 span{margin-top:5px;}

.main .right{padding:5px 10px 30px;}
.rong .imgbox .zi{line-height:40px;}
}


@media (max-width:479px){
header{height:55px;padding-top:8px}
.logo img{width:210px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}
.fuwu .imgbox .tu{padding:8px;}
.show .imgbox h4,.fuwu .imgbox h4{font-size:13px; line-height:35px;}
.more11{width:130px; margin:10px auto}
.jianjie .tu{box-shadow:8px 8px rgba(255,255,255,0.5);}
.jianjie .text .zi{height:186px; line-height:26px; margin-top:5px}
.contact button{width:120px;}
.rong .imgbox .zi{line-height:35px;}
}

@media (max-width:400px){
header .ydd_btn{width:26px;}
.logo img{width:190px; margin-top:3px}

}


@media (max-width:380px){

}

@media (max-width:350px){


}