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

/*全局样式*/
header{width:100%; height:100px; padding-top:30px}
header .logo img{width:322px; height:53px; position:relative; left:0; margin-top:-8px}
header .logo img:hover{left:-20px}
header .phone{background:url(../images/icon-call.png) no-repeat left center;height:44px;padding-left:50px;font-size:14px;color:#b2b2b2;font-weight:bold}
header .phone h4{ font-size:18px; color:#666;line-height: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);}}
.icon-menu{color:#007dce; font-size:40px;cursor:pointer; margin-top:5px}

/*手机导航*/
.nav1{width:125px;display:none; position:absolute; top:100px; right:0; z-index:99;}
.nav1 li{ width:100%;background:rgba(0,125,206,0.8);line-height:38px;text-align:center;font-size:14px;line-height:38px;font-weight:bold;margin-bottom:2px}
.nav1 li a{display:block;color:#fff;}
.nav1 li a:hover{ color:#ee8a14;}

/*pc导航*/
.nav{ background:#f2f2f2;height:50px; border-top:1px solid #d9d9d9;text-align:center; }
.nav li{width:9%;float:left;font-size:14px;line-height:49px;position:relative}
.nav li a{display:block; color:#666;}
.nav .on,.nav li a:hover{ color:#007dce;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:48px; z-index:99; display:none;}
.nav li .nav-zi li{background:rgba(242,242,242,0.9);font-size:13px;line-height:40px;float:none; height:40px; border:0;margin-top:2px; width:100%;}
.nav li .nav-zi li a{color:#666; display:block; padding:0 15px;}
.nav li .nav-zi li a:hover{color:#1878e4; }
.nav li:hover .nav-zi{display:block}

/*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}

/*主体内容*/
.main1{ padding-bottom:20px}
.title{padding:45px 0 30px; font-size:12px; color:#a6a6a6; line-height:26px; text-align:center;}
.title b{font-size:26px; color:#999}
.title h4{background:url(../images/title.png) no-repeat center center;font-size:24px; color:#007dce;font-weight:bold}

/*1、服务项目、 轮播*/
.fuwu .imgbox{display:block; margin:0 10px 5px}
.fuwu .imgbox .tu{ width:200px; height:200px; border-radius:50%;margin:0 auto; border:8px solid #e0e0e0; overflow:hidden; position:relative; z-index:1}
.fuwu .imgbox .tu .img{width:100%; height:100%;}
.fuwu .imgbox h4{font-size:18px; color:#333; line-height:40px; text-align:center}
.fuwu .imgbox:hover .tu{border-color:#007dce}
.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{color:#007dce}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/allow1.png) no-repeat left center;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow2.png) no-repeat right center;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}

/*2、公司简介*/
.jianjie{display:block;}
.jianjie .tu{ width:100%; height:256px; border:2px solid #0099fc;}
.jianjie .text .tou{ font-size:20px; color:#007dce; line-height:35px; text-indent:20px}
.jianjie .text .tou .xian{width:6px; height:20px; background:#007dce; border-radius:8px; margin-top:10px}
.jianjie .text .zi{font-size:14px; color:#333; line-height:28px; height:175px; overflow:hidden; margin:5px 0 12px;}
.jianjie .text .more{width:150px; height:28px; background:#007dce; border-radius:25px; border:2px solid #0099fc; font-size:14px; color:#fff; line-height:24px; text-align:center;}
.jianjie:hover .tu{border-color:#ee8a14}
.jianjie:hover .text .tou{color:#ee8a14}
.jianjie:hover .text .tou .xian{background:#ee8a14;}
.jianjie:hover .text .more{background:#ee8a14; border-color:#ffb156;}


/*3、产品展示*/
.show-box .imgbox,.show .imgbox{display:block; margin-bottom:8px}
.show-box .imgbox .tu,.show .imgbox .tu{ width:100%; height:180px; border:2px solid #ccc; overflow:hidden; text-align:center; line-height:180px;}
.show-box .imgbox .tu img,.show .imgbox .tu img{max-width:100%; max-height:100%}
.show-box .imgbox h4,.show .imgbox h4{font-size:14px; color:#333; line-height:40px; text-align:center;}
.show-box .imgbox:hover .tu,.show .imgbox:hover .tu{border-color:#0099fc;}
.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:#0099fc}
.show .more{ display:block;width:160px; height:32px; background:#007dce; border-radius:25px; font-size:14px; color:#fff; line-height:32px; text-align:center; margin:10px auto 0;}
.show .more:hover{background:#ee8a14}


/*4、公司动态*/
.dongtai-box .imgbox,.dongtai .imgbox{display:block; border:1px solid #e6e6e6; padding:3px; position:relative; margin-bottom:30px}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:180px; height:140px; overflow:hidden; position:absolute;}
.dongtai-box .imgbox .tu .img,.dongtai .imgbox .tu .img{width:100%; height:100%;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{margin-left:195px; color:#333;line-height:24px; height:140px; margin-top:2px; margin-right:10px}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{font-size:18px;line-height:30px;}
.dongtai-box .imgbox .text span,.dongtai .imgbox .text span{ font-size:12px;}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{font-size:12px; color:#666;height:75px; overflow:hidden}
.dongtai-box .imgbox:hover,.dongtai .imgbox:hover{box-shadow:3px 3px 5px rgba(0,0,0,0.5); border-color:#007dce;}
.dongtai-box .imgbox:hover .img,.dongtai .imgbox:hover .img{transform:scale(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); color:#fff}
.dongtai-box .imgbox:hover .text .zi,.dongtai-box .imgbox:hover .text h4,.dongtai-box .imgbox:hover .text,.dongtai .imgbox:hover .text .zi,.dongtai .imgbox:hover .text h4,.dongtai .imgbox:hover .text{color:#007dce}


/*5、联系我们*/
.contact{padding-bottom:30px}
.contact .left .ditu img{ width:100%; height:210px; border:1px solid #ccc; margin:10px 0 30px}
.contact .left .sao .tu{float:left; margin-right:20px}
.contact .left .sao .tu img{ width:130px; height:130px; }
.contact .left .zi{float:left; font-size:14px; color:#333; line-height:24px;}
.contact .right{margin-top:-8px}
.liuyan .form-group,.contact .right .form-group{margin-bottom:0 !important}
.liuyan label,.contact .right label{ padding-top:0 !important; text-align:left !important; font-size:14px; color:#333; height:34px; line-height:34px; font-weight:normal;}
.liuyan input,.contact .right input{ background:#fff;height:36px; border:1px solid #666;}
.liuyan textarea,.contact .right textarea{ background:#fff;height:95px;border:1px solid #666;}
.liuyan button,.contact .right button{ width:100%;height:40px; color:#fff; background:#007dce; border:none; margin-top:10px}
.liuyan button:hover,.contact .right button:hover{ background:#ee8a14;}



footer{ background:#007dce;padding:24px 0; font-size:14px; color:#fff; line-height:22px; text-align:center}
footer a{color:#fff}
footer a:hover{color:#ee8a14; text-decoration:underline !important}

.di{height:55px; background:#1a1a1a;position:fixed; bottom:0; left:0; z-index:99; width:100%;}
.di row span{font-size:16px; line-height:20px}
.di h6{font-size:14px; line-height:20px;}
.di .row div a{ height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#262626}

/*子页面*/
/*1、关于我们 、 4、案例展示*/
.main{ padding:22px 0 30px}
.main .left .menu{ background:#007dce; width:100%; line-height:60px; color:#fff;font-size:24px; text-align:center}
.main .left ul{width:100%; padding-bottom:8px}
.main .left ul li{ background:#fff url(../images/icon1.png) no-repeat 90% center; width:100%; height:40px; border:1px solid #ccc; text-align:center;font-size:14px; line-height:38px;margin-top:2px;}
.main .left ul li a{display:block;color:#333; padding:0 50px;}
.main .left ul li .on,.main .left ul li a:hover{background:#e0e0e0 url(../images/icon1.png) no-repeat 90% center;}
.main .left ul .nav55{margin-bottom:-8px; display:none}
.main .left ul .nav55.active{ display:block}
.main .left ul .nav55 li{background:#f2f2f2;}
.main .left ul .nav55 li a.active{color:#1878e4}
.main .left .lian{width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:3px;font-size:12px; color:#666; line-height:20px;}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:10px 10px 20px;}
.main .right .container-fluid{padding:0 15px !important}
.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:#007dce}
.about{ font-size:14px;color:#666; line-height:28px;}
.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:#007dce; 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:#333;line-height:40px;}
.yddnav .xls a.active,.yddnav .xls a:hover{ background:#a2c0e2;}
.yddnav .xls:hover{}

.call-us{font-size:16px; color:#323045; line-height:24px;}
.call-us img{max-width:100%; height:auto; margin:20px auto; display:block; border:1px solid #d4d4d4;}

.liuyan{width:70%; margin:0 auto}

.show-main img{border:1px solid #ccc}






@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){
footer{ padding-bottom:70px}


}

@media (max-width:767px){
header{ height:80px; padding-top:18px}
.icon-menu{font-size:35px}
.nav1{top:80px}
.jianjie .tu{margin-bottom:20px; height:350px}
.show-box .row,.show .row{margin:0 -8px !important}
.show-box .col-md-4,.show .col-md-3{padding:0 8px !important}
.show-box .imgbox .tu,.show .imgbox .tu{height:240px; line-height:240px;}
.show-box .imgbox h4,.show .imgbox h4{font-size:16px}
.liuyan{width:85%; margin:0 auto}

}

@media (max-width:600px){
header{ height:65px; padding-top:12px}
header .logo img{width:280px; height:auto;margin-top:-3px}
.icon-menu{font-size:32px; margin-top:8px}
.nav1{top:65px}
.fuwu .imgbox .tu{width:180px; height:180px; border-width:4px;}
.fuwu .imgbox h4{font-size:16px; line-height:35px}
.jianjie .tu{height:300px}
.show-box .imgbox .tu,.show .imgbox .tu{height:200px; line-height:200px;}
.show-box .imgbox h4,.show .imgbox h4{font-size:15px; line-height:38px}
.liuyan{width:100%;}
}


@media (max-width:479px){
header{ height:60px; padding-top:13px}
header .logo img{width:260px;}
.icon-menu{font-size:28px;}
.nav1{top:60px}
.title{padding:35px 0 20px;}
.title b{font-size:24px;}
.title h4{font-size:22px;}
.fuwu .imgbox .tu{width:150px; height:150px;}
.fuwu .imgbox h4{font-size:14px; line-height:30px}
.jianjie .tu{height:240px}
.jianjie .text .zi{margin:3px 0 8px}
.jianjie .text .tou{font-size:18px;text-indent:10px}
.jianjie .text .tou .xian{height:18px}
.show-box .imgbox .tu,.show .imgbox .tu{height:160px; line-height:160px;}
.show-box .imgbox h4,.show .imgbox h4{font-size:14px; line-height:35px}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:160px; height:120px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:120px; margin-left:175px; margin-top:0}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:26px}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{height:68px;}
}

@media (max-width:400px){
header{ height:50px; padding-top:10px}
header .logo img{width:210px;}
.icon-menu{font-size:25px; margin-top:5px}
.nav1{top:50px}
.title b{font-size:22px;}
.title h4{font-size:20px;}
.fuwu .imgbox .tu{width:130px; height:130px;}
.jianjie .tu{height:200px}
.show-box .imgbox .tu,.show .imgbox .tu{height:140px; line-height:140px;}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:140px; height:100px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:100px; margin-left:155px; line-height:23px;}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:28px; font-weight:bold}
.dongtai-box .imgbox .text span,.dongtai .imgbox .text span{display:none}
}

@media (max-width:340px){
.show-box .imgbox .tu,.show .imgbox .tu{height:120px; line-height:120px;}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:130px; height:90px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:90px; margin-left:140px; line-height:20px;}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:26px}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{height:60px;}

}