@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; border-top:4px solid #099df2;}
header .logo img{width:298px; height:60px; margin-top:20px}
/*pc导航*/
.nav li{width:95px;float:left;font-size:16px; font-weight:bold;line-height:96px; text-align:center; position:relative}
.nav li a{display:block; color:#353535;}
.nav .on,.nav li a:hover{ background:#099df2; color:#fff;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;background:rgba(255,255,255,0.7); position:absolute; left:0; top:96px;z-index:99; display:none}
.nav li .nav-zi li{height:55px; line-height:55px; font-size:15px;}
.nav li .nav-zi li a{display:block}
.nav li:hover .nav-zi{display:block;}
.icon-menu{color:#1291ed; font-size:40px;cursor:pointer; margin:30px 0 0 0}

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


/*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:60px;}
.title{font-size:20px; color:#099df2; text-align:center; padding:30px 0;}
.title h4{background:url(../images/title.png) no-repeat bottom center; font-size:30px;font-weight:bold; line-height:55px;}
.title span{ margin-top:10px; display:block}

/*1、公司简介*/
.jianjie{background:url(../images/jianjie-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding-bottom:50px}
.jianjie a{display:block}
.jianjie .tu{width:100%; height:326px; border-radius:5px; }
.jianjie .text .zi{font-size:14px; color:#353535; line-height:26px; height:262px; overflow:hidden; margin-bottom:23px}
.jianjie .text .more{width:100%; height:40px; background:#0c72c6; border-radius:5px; font-size:14px; color:#fff; line-height:40px; text-align:center;}
.jianjie a:hover .more{background:#d45231}


/*2、产品展示*/
.show-bg{background:url(../images/show-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding-bottom:-100px;}
.show-bg .title{ color:#fff}
.show-bg .title h4{background:url(../images/title1.png) no-repeat bottom center;}
.show-box .imgbox,.show .imgbox{ background:rgba(102,199,255,0);border:1px solid rgba(12,147,224,0);display:block; margin:0 10px 10px; padding:4px;}
.show-box .imgbox .tu,.show .imgbox .tu{  width:100%; height:180px;border:4px solid #fff; overflow:hidden;}
.show-box .imgbox .tu .img,.show .imgbox .tu .img{width:100%; height:100%;border:1px solid rgba(12,147,224,1);}
.show-box .imgbox h4,.show .imgbox h4{ font-size:14px; color:#353535;line-height:38px; text-align:center; width:100%; background:rgba(102,199,255,0);border:1px solid rgba(12,147,224,0);}
.show-box .imgbox:hover,.show .imgbox:hover{background:rgba(102,199,255,1.00); border-color:rgba(12,147,224,1);}
.show-box .imgbox:hover .tu,.show .imgbox:hover .tu{border-color:#fff}
.show-box .imgbox:hover .img,.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-box .imgbox:hover h4,.show .imgbox:hover h4{background:rgba(102,199,255,1.00); color:#fff}
.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.jpg) no-repeat left center;transition:all 2s;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow2.jpg) no-repeat right center;transition:all 2s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ left:-70px; background:url(../images/allow3.jpg) no-repeat left center;transition:all 2s;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ right:-70px; background:url(../images/allow4.jpg) no-repeat right center;transition:all 2s;}
.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}


/*3、新闻资讯*/
.news .imgbox{display:block;font-size:14px; color:#353535; line-height:25px;}
.news .imgbox .tu{ width:100%; height:125px; overflow:hidden; margin-bottom:5px;}
.news .imgbox .tu .img{width:100%; height:100%;}
.news .imgbox h4{ font-size:15px;line-height:30px; font-weight:bold;}
.news .imgbox span{ display:block; margin:2px 0;}
.news .imgbox .zi{height:54px; overflow:hidden; margin-top:2px;}
.news .imgbox:hover{color:#099df2;}
.news .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)}


/*4、合作伙伴*/
.main2{ background:#eee;}
.hezuo-box .imgbox,.hezuo .imgbox{display:block; margin:0 10px 10px;}
.hezuo-box .imgbox .tu,.hezuo .imgbox .tu{width:100%;background:#fff;border:1px solid #099df2;height:143px;line-height:143px;text-align:center;overflow:hidden;}
.hezuo-box .imgbox .tu img,.hezuo .imgbox .tu img{max-width:100%; max-height:100%;}
.hezuo-box .imgbox h4,.hezuo .imgbox h4{ font-size:14px; color:#353535;line-height:38px; text-align:center;}
.hezuo-box .imgbox:hover img,.hezuo .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)}
.hezuo-box .imgbox:hover h4,.hezuo .imgbox:hover h4{color:#099df2}


/*5、联系我们*/
.contact{background:#eee; padding:40px 0;color:#353535;font-size:14px;}
.contact h5{ font-size:20px; line-height:40px; font-weight:bold;}
.contact .left{ width:100%; overflow:hidden; line-height:30px;}
.contact .left .sao{margin-top:20px;}
.contact .left .sao img{ display:inline-block;width:157px; height:157px; margin:0 20px 0 0}
.contact .liuyan form{margin-top:20px}
.contact .liuyan .form-group{margin-bottom:10px}
.contact .liuyan input{ background:#fff;height:36px;}
.contact .liuyan textarea{ background:#fff;height:150px;}
.contact .liuyan button{ width:134px;height:33px; color:#fff; background:#099df2; border:none; margin-top:5px}
.contact .liuyan button:hover{ background:#ff9523;}
.contact .right ul{margin-top:13px}
.contact .right ul li{ background:url(../images/icon.png) no-repeat left 10px; padding-left:18px;line-height:23px; margin-bottom:15px}
.contact .right ul li a{ width:100%; height:42px; overflow:hidden;color:#353535; display:block;}
.contact .right ul li a b{font-weight:normal; width:100%;}
.contact .right ul li a span{text-align:right !important}


footer{ background:#099df2; padding:20px 0; font-size:14px;line-height:24px; color:#fff;}
footer ul{text-align:center; font-size:0}
footer ul li{ display:inline-block; font-size:14px;}
footer ul li a{color:#fff; margin:0 8px;}
footer ul li a:hover{color:#ff9523; text-decoration:underline !important}

.di{height:55px; background:#0c72c6;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{ background:url(../images/di-li.jpg) no-repeat right center; height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#168def}

/*子页面*/
/*1、关于我们*/
.main{ padding:20px 0 30px}
.main .left .menu{ background:#099df2; width:100%; border-radius:5px; line-height:55px; color:#fff;font-size:18px; text-align:center; font-weight:bold; margin-top:8px}
/*二级下拉开始*/
.neiye-nav-con{background:url(../images/icon11-zi.png) no-repeat 85% center;height:35px; border-radius:25px; border:1px solid #d0d0d0;margin-top:10px; cursor:pointer;color:#099df2;padding-left:35%;padding-right:50px;}
.neiye-nav-con h5{font-size:14px;line-height:35px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.neiye-nav-con h5 a{color:#099df2; display:block;}
.navContent2{display:none; margin-bottom:15px;}
.navContent2 li a{background:url(../images/icon2-zi.png) no-repeat 25% center;display:block;line-height:35px;margin-top:10px;color:#333; border-bottom:1px solid #d0d0d0;padding-left:36%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-right:50px;}
.navContent2 li a:hover{color:#d45231;}
.navContent2 .active{color:#d45231;}
.neiye .dizhi{background:#f7f7f7;padding:10px;line-height:25px;}
.neiye-nav-con.active{background:url(../images/icon1-zi.png) no-repeat 85% center;height:35px; border-radius:25px; border:1px solid #d0d0d0;font-size:14px; line-height:35px; text-decoration:underline !important}
/*二级下拉结束*/
.main .left .lian{width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:5px;font-size:14px; color:#353535; line-height:25px; margin-top:5px}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:8px 6px 20px;}
.main .right .container-fluid{padding:0 15px !important}
.main .right .cont{ margin-top:20px}
.main .right .title-zi{font-size:14px; color:#333; line-height:40px;border-bottom:3px double #d0d0d0;}

.about{ font-size:14px;color:#333; line-height:25px;}
.about img{max-width:100%; height:auto; margin:20px auto; display:block; border:1px solid #d4d4d4;}

.show-box .imgbox{margin:0}
.show-box .row{margin:0 -5px !important}
.show-box .col-md-4{padding:0 5px !important}

.show-main{text-align:center}
.show-main img{border:0}

.hezuo-box .imgbox{margin:0 0 10px;}

/*新闻中心*/
.news-box .imgbox{display:block; margin-bottom:30px; position:relative}
.news-box .imgbox .tu{position:absolute; left:0; top:0; width:178px; height:133px; border:1px solid #c2c2c2; overflow:hidden}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text{margin-left:198px; font-size:14px; color:#333; line-height:30px; height:133px;}
.news-box .imgbox .text h4{font-size:15px;line-height:35px;}
.news-box .imgbox .text span{font-size:11px; color:#acacac;}
.news-box .imgbox .text .zi{height:62px; overflow:hidden;}
.news-box .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-box .imgbox:hover .text span,.news-box .imgbox:hover .text{color:#099df2}

.news-main{font-size:14px; color:#333; line-height:30px; text-align: center; margin-bottom:20px}
.news-main img{max-width:100%; height:auto; border:1px solid #ccc; display:block; margin:20px auto}
.news-main h4{font-size:15px;line-height:30px;}
.news-main span{font-size:12px; color:#949494;}
.news-main .text{margin-top:10px; border-top:1px solid #ccc; padding-top:15px;}



@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){
footer{ padding-bottom:72px}
.contact .left{margin-bottom:20px}
.contact .left .sao img{margin:0 50px}
footer{text-align:center}
.main .left .menu{cursor:pointer}
.main .left .xiala{display:none}
.neiye-nav-con{background:none; text-align:center; padding:0}
.neiye-nav-con h5{text-align:center; padding:0}
.navContent2{display:none}
.navContent2 li a{background:none;text-align:center; padding:0;}
.neiye-nav-con.active{background:none;}

}

@media (max-width:767px){
header{height:80px;}
header .logo img{width:240px; height:auto;margin-top:15px}
.icon-menu{margin:20px 0 0; font-size:35px;}
.nav1{top:80px;}
.title{font-size:18px;}
.title h4{ font-size:26px;}
.jianjie .tu{margin-bottom:20px; height:380px}
.news .row{margin:0 -8px !important}
.news .col-md-4{padding:0 8px !important}
.news .imgbox{ margin-bottom:20px}
.news .imgbox .tu{height:150px}
.contact .liuyan{margin-bottom:20px}
.jianjie .text .zi{height:250px;}
}

@media (max-width:600px){
.main1{padding-bottom:40px;}
.title{font-size:18px;padding:20px 0;}
.title h4{ font-size:24px;}
.title span{ margin-top:8px;}
.jianjie .tu{height:340px}
.news .imgbox .tu{height:130px}
.contact .left .sao img{width:120px; height:120px; margin:0 20px}

}


@media (max-width:479px){
header{height:60px; border-width:2px;}
header .logo img{width:200px; margin-top:10px}
.icon-menu{ font-size:32px;margin:15px 0 0;}
.nav1{top:60px;}
.main1{padding-bottom:30px;}
.title{font-size:16px;padding:15px 0 20px;}
.title h4{ font-size:22px;line-height:55px;}
.title span{ margin-top:5px;}
.jianjie .tu{height:300px}
.jianjie .text .zi{height:240px; margin-bottom:10px;}
.show .row{margin:0 -2px !important}
.show .col-lg-12{padding:0 2px !important}
.show-box .imgbox, .show .imgbox{margin:0 2px 0}
.show-box .imgbox .tu, .show .imgbox .tu{height:150px}
.news .imgbox{ font-size:12px; line-height:22px; margin-bottom:10px}
.news .imgbox .tu{height:110px}
.news .imgbox span{margin:0}
.news .imgbox h4{ line-height:26px; font-size:14px;}
.news .imgbox .zi{height:45px}
.hezuo-box .imgbox .tu,.hezuo .imgbox .tu{height:120px; line-height:120px;}
.contact h5{font-size:18px}
.show-box .imgbox{margin:0}
.show-box .row{margin:0 !important}
.show-box .col-md-4{padding:0 !important}
.hezuo-box .row{margin:0 -8px !important}
.hezuo-box .col-md-4{padding:0 8px !important}
.news-box .imgbox .tu{ width:148px; height:103px;}
.news-box .imgbox .text{margin-left:158px; font-size:13px;line-height:24px; height:103px;}
.news-box .imgbox .text h4{font-size:15px;line-height:30px;}
.news-box .imgbox .text span{line-height:20px;}
.news-box .imgbox .text .zi{height:50px;}
}

@media (max-width:400px){
header{height:50px;}
header .logo img{width:180px; margin-top:5px}
.icon-menu{margin:12px 0 0;font-size:28px;}
.nav1{top:50px;}
.jianjie .tu{height:240px}
.jianjie .text .zi{height:180px;}
.show-box .imgbox .tu, .show .imgbox .tu{height:130px}
.show-box .imgbox h4, .show .imgbox h4{font-size:13px; line-height:30px}
.news .imgbox .tu{height:90px}
.hezuo-box .imgbox .tu,.hezuo .imgbox .tu{height:100px; line-height:100px;}
.contact .left .sao img{width:100px; height:100px; margin:0 10px}
.news-box .imgbox .tu{ width:138px; height:93px;}
.news-box .imgbox .text{margin-left:148px; font-size:13px;line-height:24px; height:93px;}
.news-box .imgbox .text h4{font-size:14px;line-height:22px;}
.news-box .imgbox .text span{line-height:16px;}
}

@media (max-width:340px){
.jianjie .tu{height:220px}
.show-box .imgbox .tu, .show .imgbox .tu{height:115px}
.news .imgbox .tu{height:80px}
.hezuo-box .imgbox .tu,.hezuo .imgbox .tu{height:90px; line-height:90px;}
}