@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:1030px !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)}

/*全局样式*/
.top{height:40px; font-size:12px; color:#333; border-bottom:1px solid #eaeaea; line-height:39px;}
.top ul li{float:left;}
.top ul li:first-child{background:url(../images/fan-icon.png) no-repeat left center; text-indent:15px}
.top ul li a{color:#333; margin:0 8px;}
.top ul li a:hover{color:#e20101; text-decoration:underline !important}
header{width:100%; height:90px;padding-top:25px}
header .logo img{width:341px; height:39px;}
header .phone{background:url(../images/icon-call.jpg) no-repeat left center; height:42px;font-size:12px; color:#333;padding-left:45px;}
header .phone h4{font-size:22px; color:#e20101;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:url(../images/nav-bg.jpg) repeat-x; height:48px;}
.nav .bx{width:1px; height:14px; border-left:1px solid #e10000; border-right:1px solid #730101; margin-top:17px;}
.nav li{width:12%;float:left;font-size:14px;line-height:48px; text-align:center; position:relative}
.nav li a{display:block;color:#fff;}
.nav .on,.nav li a:hover{ background:url(../images/nav-hover.jpg) repeat-x; color:#555; font-weight:bold}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:48px;z-index:99; display:none;}
.nav li .nav-zi li{ width:100%; height:45px;background:rgba(186,0,0,0.8); line-height:45px; margin-top:2px;}
.nav li .nav-zi li a{display:block; padding:0 15px;}
.nav li:hover .nav-zi{display:block;}

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(226,1,1,0.5);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{color:yellow;}
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:#e20101;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#e20101;}
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;}

.line_line{
	line-height:30px;
	}
/*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:40px;}
.title{font-size:22px; color:#555; font-weight:bold; text-align:center; margin:40px 0 30px;}
.title h4{background:url(../images/title.png) no-repeat center center; font-size:23px; color:#e20101;font-weight:bold;}
.title .xian{width:31px; height:2px; background:#aaaaaa; margin:10px auto 0;}
.title:hover .xian{width:100%;}

/*1、服务项目*/
.fuwu{background:#f3f3f3;}
.fuwu .imgbox{display:block; margin-top:10px; margin-bottom:20px; position:relative;}
.fuwu .imgbox .yin{ position:absolute;top:0; left:25%}
.fuwu .imgbox .tu{width:127px; height:127px; overflow:hidden; border-radius:50%; position:relative; z-index:1; margin:0 auto;}
.fuwu .imgbox .tu .img{width:100%; height:100%; border-radius:50%;}
.fuwu .imgbox h4{font-size:18px; color:#666; line-height:40px; font-weight:bold; text-align:center;}
.fuwu .imgbox .more{width:76px; height:32px;background:#888;border-radius:5px; margin:10px auto 0; font-size:12px; color:#fff; line-height:32px; text-align:center;}
.fuwu .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)}
.fuwu .imgbox:hover h4{ }
.fuwu .imgbox:hover .more{background:#e20101;}

/*2、产品展示*/
.show-box .imgbox,.show .imgbox{display:block; margin:0 10px 20px; border:1px solid #ccc}
.show-box .imgbox .tu,.show .imgbox .tu{overflow:hidden;}
.show-box .imgbox h4,.show .imgbox h4{font-size:14px; color:#333; line-height:38px; text-indent:20px;}
.show-box .imgbox:hover,.show .imgbox:hover{border-color:#e20101;}
.show-box .imgbox:hover .tu .img,.show .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)}
.show-box .imgbox:hover h4,.show .imgbox:hover h4{color:#e20101}
.show .more{display:block; width:175px; height:40px; border:1px solid #d1d1d1; border-radius:25px; margin:0 auto; padding:2px; }
.show .more span{display:block; width:100%; height:100%;border-radius:25px;background:#d1d1d1; font-size:14px; color:#fff; line-height:32px; text-align:center;}
.show .more:hover{border-color:#e20101;}
.show .more:hover span{ background:#e20101;}

/*3、公司简介*/
.jianjie{background:url(../images/jianjie-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding-bottom:40px}
.jianjie .title h4,.jianjie .title{color:#fff;}
.jianjie .text{font-size:15px; color:#fff; line-height:26px; height:135px; overflow:hidden; text-align:center;}
.jianjie .more{display:block; width:175px; height:40px; background:#e20101; border-radius:25px; font-size:15px; color:#fff; line-height:40px; text-align:center; margin:20px auto 0;}
.jianjie .more:hover{background:#f78409}

/*4、行业资讯*/
.zixun .imgbox{display:block; position:relative; border:1px solid #ccc; padding:4px;}
.zixun .imgbox .tu{width:180px; height:140px; position:absolute; overflow:hidden}
.zixun .imgbox .tu .img{width:100%; height:100%;}
.zixun .imgbox .text{ margin-left:195px; height:140px; margin-right:5px;}
.zixun .imgbox .text h4{ font-size:16px; color:#333; font-weight:bold; line-height:35px;}
.zixun .imgbox .text .zi{font-size:12px; color:#555; line-height:24px; height:94px; overflow:hidden;}
.zixun .imgbox:hover{box-shadow:2px 5px 5px rgba(0,0,0,0.6);}
.zixun .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)}
.zixun .imgbox:hover .text h4{color:#e20101}

/*5、成功案例*/
.case-tou{background:url(../images/casetou-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding-bottom:20px;}
.case-tou .title h4,.case-tou .title{color:#fff;}
.case{margin-top:40px}
.case .owl-theme .owl-controls .owl-buttons div.owl-prev{ width:38px !important;background:url(../images/allow3.jpg) no-repeat left center !important;}
.case .owl-theme .owl-controls .owl-buttons div.owl-next{width:38px !important;background:url(../images/allow4.jpg) no-repeat right center !important;}


/*6、联系我们*/
.contact{background:#f3f3f3;}
.contact h5{ font-size:16px; color:#383838; line-height:50px;}
.contact .lianxi img{width:100%; height:194px; margin:20px 0 30px;}
.contact .lianxi li{ height:32px; font-size:16px;color:#686868; line-height:32px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact .lianxi li b{ margin:0 10px 0 0; line-height:32px;}
.liuyan label,.contact  label{ padding-top:0 !important; text-align:left !important; color:#777; height:34px; line-height:34px; font-weight:normal;}
.liuyan input,.contact input{ background:#fff; border:1px solid #ccc; height:37px;}
.liuyan textarea,.contact textarea{ background:#fff; border:1px solid #ccc; height:104px;}
.liuyan button,.contact button{ width:134px; height:33px; color:#fff; background:#e20101; border:none;}
.liuyan button:hover,.contact button:hover{ background:#f78409;}


/*底部信息*/
footer{background:#bf1515;color:#fff; padding:20px 0;}
footer .sao{border-right:1px solid #fff; text-align:center}
footer .sao img{width:123px; height:123px; margin:0 auto}
footer .sao h4{font-size:12px; line-height:30px}
footer .right{font-size:12px; line-height:25px}
footer .right li{float:left; font-size:13px; color:#fff;}
footer .right li a{color:#fff; padding:0 8px}
footer .right a:hover,footer .right li a:hover{text-decoration:underline !important; color:#f2d303}
footer .right a{color:#fff}
footer .right h4{font-size:14px; line-height:30px; font-weight:bold}


/*底部热点开始*/
@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:#e20101; 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:#b70101;}	
.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、关于我们 、 4、案例展示*/
.main{ padding:22px 0 30px}
.main .right .cont{ margin-top:20px}
.main .right .title-zi{ background:url(../images/title-zi.png) no-repeat left center; text-indent:45px;font-size:14px; color:#666;border-bottom:1px solid #666;}
.main .right .title-zi h4{font-size:18px;line-height:50px;font-weight:bold}
.main .right .title-zi span{margin-top:20px}
.main .right .title-zi a{color:#666}
.main .right .title-zi a:hover{color:#807300}
.about{ font-size:14px;color:#777; line-height:30px;}
.about h4{font-size:20px; color:#333; line-height:40px; text-align:center}
.about img{max-width:100%; height:auto; margin:10px auto 20px; display:block}

/*手机侧导航*/
.yddnav a{ display:block;}
.yddnav .xl,.yddnav .xlxl{ display:none;}
.yddnav{ margin:0 0 20px;}
.yddnav li{ margin-bottom:5px;}
.yddnav li a{font-size:18px;color:#fff; line-height:50px; background:#e20101; text-align:center}
.yddnav span{ padding-left:40px;}
.yddnav b{ padding-right:30px; line-height:50px;}
.yddnav .xl{margin:0 0 2px 0; width:100%; }
.yddnav .xls{background:#d9d9d9; margin-bottom:5px; font-size:16px;display:block}
.yddnav .xls a{ color:#000;line-height:40px;}
.yddnav .xls a.active,.yddnav .xls a:hover{ background:#d49a9a; color:#fff}
.yddnav .xls:hover{}

.call-us{font-size:13px; color:#6a6a6a; line-height:25px;}
.call-us h4{font-size:18px; color:#666; font-weight:bold; line-height:40px;}
.call-us img{max-width:100%; height:auto; margin:10px auto; display:block;}

.liuyan{width:70%; margin:0 auto;}

.show-box .imgbox{margin:0 0 30px}
.show-box ul{text-align:center; font-size:0; margin-bottom:30px;}
.show-box ul li{display:inline-block;  width:130px; height:32px; background:#f8f8f8; border:1px solid #e4e4e4; margin:0 10px;}
.show-box ul li a{ display:block;color:#666;font-size:14px; line-height:30px; }
.show-box ul li a.active,.show-box ul li a:hover{ background:#e20101; border-color:#e20101; color:#fff;}


.show-main{font-size:14px; color:#666; line-height:25px; text-align:center}
.show-main img{max-width:100%; height:auto; margin:10px auto;border:1px solid #ccc; padding:1px}

.zixun-box ul li{font-size:14px; height:40px;line-height:40px; border-bottom:1px dashed #ccc; position:relative; text-indent:13px;}
.zixun-box ul li a{ color:#777;}
.zixun-box ul li i{ position:absolute; left:0; top:20px;display:block; width:4px; height:4px; background:#333; border-radius:50%;}
.zixun-box ul li b{width:85%; font-weight:normal; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zixun-box ul li span{width:15%; float:right;text-align:right}
.zixun-box ul li a:hover{color:#e20101;}
.zixun-box ul li a:hover i{background:#e20101;}



@media (max-width:1350px){

}

@media (max-width:1150px){
.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:991px){
header .ydd_btn{top:30px}
header .sjdnav{ top:80px}
header .ydd_btn span.span02{margin:6px 0;}
.fuwu .imgbox .tu{width:150px; height:150px}
.fuwu .imgbox .yin{left:35%}
.show-box .row{margin:0 -8px !important}
.show-box .col-md-4{padding:0 8px !important}
.show-box .imgbox{margin-bottom:18px !important}

}

@media (max-width:767px){
header{height:70px; padding-top:15px;}
header .ydd_btn{top:20px;width:32px;}
header .sjdnav{ top:70px}
footer{text-align:center; padding-bottom:60px}
footer .sao{ border-right:0;}
footer .sao img{width:140px; height:140px}
.zixun .imgbox{margin-bottom:20px}
.liuyan{width:85%;}
}

@media (max-width:600px){
.title{font-size:18px;margin:30px 0 25px;}
.title h4{font-size:19px;}
.fuwu .imgbox .tu{width:130px; height:130px}
.fuwu .imgbox .yin{left:25%}
.fuwu .imgbox h4{font-size:16px; line-height:35px;}
.fuwu .imgbox .more{margin-top:5px}
.jianjie .text{ font-size:14px; line-height:24px; height:125px;}
.zixun-box ul li b{width:80%;}
.zixun-box ul li span{width:20%;}
.liuyan{width:100%;}
}


@media (max-width:479px){
header{height:55px;padding-top:10px}
header .logo img{width:300px; height:auto;}
header .ydd_btn{top:16px; width:25px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}
.fuwu .imgbox .yin{ display:none;}
.show .imgbox{margin:0 8px 16px}
.show .imgbox h4{line-height:30px; text-indent:15px}
.show .more{width:140px; height:32px;}
.show .more span{ line-height:26px;}
.jianjie .more{width:140px; height:32px; line-height:32px}
.zixun .imgbox{padding:2px}
.zixun .imgbox .tu{width:140px; height:100px;}
.zixun .imgbox .text{ margin-left:150px; height:100px;}
.zixun .imgbox .text h4{ font-size:14px;line-height:28px;}
.zixun .imgbox .text .zi{line-height:24px; height:74px;}
.show-box .imgbox{margin:0 0 16px}
.zixun-box ul li b{width:100%;}
.zixun-box ul li span{ display:none}

}

@media (max-width:400px){
header .logo img{width:260px; margin-top:4px}
header .ydd_btn{top:17px;}
.fuwu .imgbox .tu{width:120px; height:120px}
.fuwu .imgbox h4{font-size:15px; line-height:30px;}
.fuwu .imgbox .more{margin-top:5px; width:60px; height:28px; line-height:28px;}


}

@media (max-width:340px){
header .logo img{width:240px;}


}
