@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.png) repeat;color:#333;}
*{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)}

/*全局样式*/
header{width:100%; background:#007ee9; height:90px;padding-top:15px}
header .logo img{width:341px; height:61px;}
header .tu{margin-left:30px;}
header .tu img{ width:80px; height:80px; margin-top:-10px;}
header .phone{background:url(../images/icon-call.png) no-repeat left center; height:45px;font-size:16px; color:#fff;padding-left:50px; margin-top:8px;}
header .phone h4{font-size:20px;}
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%;height:55px; border-bottom:1px solid #0085f6;}
.nav li{width:12.5%;float:left;font-size:16px;line-height:55px;text-align:center; border-right:1px solid #0085f6; position:relative}
.nav li a{display:block;color:#333;}
.nav .on,.nav li a:hover{background:#0985ed; color:#fff}

/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:55px;z-index:99; display:none;}
.nav li .nav-zi li{ width:100%; height:48px;background:rgba(255,255,255,0.7);line-height:48px; margin-top:2px; border:0;}
.nav li .nav-zi li a{display:block; padding:0 15px; color:#333}
.nav li:hover .nav-zi{display:block;}
.nav li .nav-zi li a:hover{background:rgba(9,133,237,0.8);color:#fff}

header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:90px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.7);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:#f88a43}
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:#fff;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#fff;}
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{background:url(../images/title.png) repeat-x center center; font-size:28px; color:#333; text-align:center; padding:40px 0;}
.title h4{font-size:25px;}

/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}





/*1、产品展示*/
.show .imgbox{display:block; border:1px solid #d1d1d1; padding:1px; margin:0 10px 20px;}
.show .imgbox .tu{border:1px solid #d1d1d1; overflow:hidden}
.show .imgbox h4{font-size:14px; color:#333; line-height:40px; text-align:center;}
.show .imgbox:hover{border-color:#0985ed;}
.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 .imgbox:hover h4{color:#0985ed;}


/*2、公司简介*/
.jianjie{background:url(../images/jianjie-bg.jpg) center center; background-size:cover; width:100%; height:auto;}
.jianjie .title{background:url(../images/title1.png) repeat-x center center;}
.jianjie .tu{height:324px; overflow:hidden;}
.jianjie .tu1 .img{width:100%; height:100%;}
.jianjie .tu1: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)}
.jianjie .text{margin:20px 0 0;}
.jianjie .text .zi{font-size:14px;line-height:28px; height:140px; overflow:hidden;}
.xiaoshou .text .more,.jianjie .text .more{display:block; width:50%; background:rgba(255,255,255,0.5); border:1px solid #0985ed; font-size:14px; color:#0985ed; line-height:40px; text-align:center; margin:30px auto 0;}
.xiaoshou .text .more:hover,.jianjie .text .more:hover{background:rgba(0,133,237,0.65); color:#fff}


/*3、工程案例*/
.case .imgbox{display:block;border:1px solid #d1d1d1; padding:1px; margin:0 10px 20px;}
.case .imgbox .tu{position:relative; overflow:hidden}
.case .imgbox .tu .mask{position:absolute; left:0; top:-100%; width:100%; height:100%;background:rgba(0,0,0,0.55) url(../images/fang.png) no-repeat center 40%; font-size:14px; color:#fff; text-align:center; padding:48% 20px 0;}
.case .imgbox .tu h4{position:absolute; left:0; bottom:0;background:rgba(0,0,0,0.55); width:100%; font-size:14px; color:#fff; line-height:40px; text-align:center}
.case .imgbox:hover .tu .mask{top:0;}
.case .imgbox:hover .tu h4{bottom:-100%;}


/*4、销售服务*/
.xiaoshou{background:url(../images/fuwu-bg.jpg) center center; background-size:cover; width:100%; height:auto;}
.xiaoshou .title{ color:#fff}
.xiaoshou .text{width:80%; margin:0 auto;}
.xiaoshou .text .zi{font-size:12px; color:#fff;line-height:21px; height:65px; overflow:hidden;}
.xiaoshou .text .more{ width:70%;}


/*5、新闻动态*/
.news .imgbox{display:block; margin-bottom:30px}
.news .imgbox .tou{ height:45px; background:#ddd; padding:8px 100px 8px 15px; font-size:16px; color:#333; line-height:25px; position:relative; text-indent:15px;}
.news .imgbox .tou::before{ position:absolute; left:15px; top:8px; width:4px; height:25px; background:#0985ed; content:'';}
.news .imgbox .tou span{position:absolute; right:15px; top:8px;}
.news .imgbox .box{position:relative; margin-top:15px;padding:5px}
.news .imgbox .tu{ position:absolute;width:140px; height:140px; overflow:hidden;}
.news .imgbox .tu .img{width:100%; height:100%;}
.news .imgbox .text{margin-left:150px; height:140px; }
.news .imgbox .text .zi{ height:130px;font-size:14px; color:#333; line-height:25px;overflow:hidden; }
.news .imgbox:hover .tou{ background:#0985ed; color:#fff}
.news .imgbox:hover .tou::before{background:#fff;}
.news .imgbox:hover .box{box-shadow:2px 3px 8px rgba(0,0,0,0.5)}
.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)}


/*6、联系我们*/
.contact{background:url(../images/contact.jpg) center center; background-size:cover; width:100%; height:auto;}
.contact h5{ font-size:14px;line-height:50px;}
.contact .lianxi{margin-bottom:20px}
.contact .lianxi img{ max-width:100%; height:auto}
.liuyan input,.contact input{border:1px solid #333; height:40px; background:none;}
.liuyan textarea,.contact textarea{border:1px solid #333; height:136px;background:none;}
.liuyan button,.contact button{ width:100%; height:40px; color:#fff; background:#0985ed; border:none;}
.liuyan button:hover,.contact button:hover{ background:#ef650c;}

.contact .lian11{position:relative; padding-right:320px;}
.contact .lian11 .zi{font-size:14px; line-height:25px;}
.contact .lian11 .sao{position:absolute; top:-15px; right:0; text-align:center}
.contact .lian11 li{display:inline-block; margin:0 3px; width:150px}
.contact .lian11 h4{font-size:14px;text-align:center;}
.contact .sao img{width:100%; height:auto}



/*底部信息*/
footer{background:#0985ed;color:#fff; padding:20px 0; font-size:14px; color:#fff; line-height:20px; text-align:center;}
footer ul{float:left;}
footer li{float:left;}
footer li a{margin:0 4px;}
footer .zi{float:right; text-align:right;}
footer a{color:#fff;}
footer a:hover{ color:yellow; text-decoration:underline !important}

/*底部热点开始*/
@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:#0985ed; position:fixed; bottom:0; left:0; z-index:99; border-top:1px 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:#0e548f;}	
.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:22px 0 30px}
.main .left .menu{ background:#0985ed;height:64px;border-radius:5px 5px 0 0;font-size:30px;color:#fff; line-height:64px; text-align:center; margin-bottom:5px}
.main .left ul li{display:block; border-bottom:2px solid #0985ed;}
.main .left ul li a{display:block; padding:12px 30px 10px;}
.main .left ul li a span{display:block; width:100%;font-size:16px;color:#333; line-height:29px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff url(../images/zi-icon.png) no-repeat 80% center; padding:0 55px 0 45px}
.main .left ul li .on span,.main .left ul li:hover a span{background:#5eb6ff url(../images/zi-icon1.png) no-repeat 80% center;color:#fff;}
.main .left .lian{background:#f1f1f1;padding:3px;font-size:14px; color:#333; line-height:25px; padding-bottom:20px}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:10px 14px 10px;}
.main .right .cont{ margin-top:20px}
.main .right .title-zi{font-size:14px; line-height:40px; border-bottom:1px solid #c5c5c5}
.about{ font-size:14px;color:#333; line-height:25px;}
.about h4{font-size:16px; color:#333; line-height:40px; text-align:center;}
.about img{max-width:100%; height:auto; margin:20px auto; 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{background:#0985ed;height:50px;border-radius:5px;font-size:20px;color:#fff;line-height:50px;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{ margin-bottom:4px; font-size:16px;display:block;border-bottom:2px solid #0985ed;}
.yddnav .xls a{display:block; padding:12px 30px 10px;}
.yddnav .xls a span{display:block; width:100%;font-size:16px;color:#333; line-height:29px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff url(../images/zi-icon.png) no-repeat 80% center; padding:0 55px 0 45px}
.yddnav .xls a.active span,.yddnav .xls:hover a span{background:#5eb6ff url(../images/zi-icon1.png) no-repeat 80% center;color:#fff;}

.call-us{font-size:14px; color:#333; line-height:29px;}
.call-us .text{position:relative; margin-bottom:20px;}
.call-us h5{ font-size:14px;line-height:50px;}
.call-us .zi{font-size:14px; line-height:25px; margin-right:160px;}
.call-us .sao{position:absolute; right:0; top:0;}
.call-us .sao img{width:150px; height:150px;}
.call-us img{max-width:100%; height:auto; margin:10px auto; display:block;}

.case-box .imgbox{margin:0 0 30px;}
.show-main img{margin-bottom:10px;}

.liuyan{width:70%; margin:0 auto;}
.liuyan h5{ font-size:14px;line-height:50px;}

.news-main{ padding:0 10px;}
.news-main span{ display:block; color:#666; font-size:12px; text-align:center; background:#f2f2f2; width:80%; margin:10px auto}

@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:1150px){


}

@media (max-width:991px){
header .ydd_btn{top:30px}
header .ydd_btn span.span02{margin:6px 0;}
footer{padding-bottom:70px}
footer ul{float:none; margin:0 auto}
footer ul li{float:none; display:inline-block;}
footer .zi{float:none; text-align:center; margin-top:5px}
.news{margin-bottom:-30px !important}



}

@media (max-width:767px){
header .ydd_btn{top:30px;width:32px;}
.title{font-size:25px;padding:40px 0;}
.title h4{font-size:22px;}
.jianjie .tu1{ margin-bottom:20px;}
.xiaoshou .text{ width:100%;}
.xiaoshou .text .more{width:50%}
.case-box .row{margin:0 -8px !important}
.case-box .col-md-4{padding:0 8px !important}
.case-box .imgbox{margin:0 0 16px !important}
.liuyan{width:100%;}
}

@media (max-width:600px){
header{height:70px;padding-top:10px}
header .logo img{ width:280px; height:auto;}
header .ydd_btn{top:22px;}
header .sjdnav{ top:70px}
.title{font-size:20px;padding:30px 0;}
.title h4{font-size:19px;}

}


@media (max-width:479px){
header{height:60px;padding-top:7px}
header .logo img{ width:240px;}
header .ydd_btn{top:20px; width:28px;}
header .sjdnav{ top:60px}
header .ydd_btn span.span02{margin:4px 0;}
.title{padding:30px 0 25px;}
.case .imgbox,.show .imgbox{margin:0 5px 10px;}
.case .imgbox .tu h4,.show .imgbox h4{line-height:35px;}
.case .imgbox .tu .mask{ padding-top:52%; font-size:13px}
.xiaoshou .text .more, .jianjie .text .more{margin-top:20px}
.call-us h5{ font-size:14px;line-height:30px;}
.call-us .text{margin-bottom:0;}
.call-us .zi{margin-right:0; margin:0 auto;}
.call-us .sao{position:inherit; margin:0 auto}
.call-us .sao img{ width:120px; height:120px}
}

@media (max-width:400px){
header .logo img{ width:210px; margin-top:3px}
.case .imgbox .tu h4,.show .imgbox h4{line-height:30px;}
.case .imgbox .tu .mask{ padding-top:55%;background:rgba(0, 0, 0, 0.55) url("../images/fang.png") no-repeat scroll center 35%;}
.news .imgbox{margin-bottom:20px}
.news .imgbox .box{ margin-top:10px}
.news .imgbox .tou{height:30px;padding:0 50px 0 10px; font-size:14px; text-indent:10px; line-height:30px;}
.news .imgbox .tou span{ font-size:12px; top:0; right:5px}
.news .imgbox .tou::before{left:10px; top:5px; width:4px; height:20px;}
.news .imgbox .tu{width:100px; height:100px; overflow:hidden;}
.news .imgbox .text{margin-left:110px; height:100px; }
.news .imgbox .text .zi{ height:90px;font-size:12px;line-height:22px;}
.call-us .sao img{ width:100px; height:100px}
}

@media (max-width:340px){



}