@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;}
header .logo img{width:346px; height:74px; margin-top:15px}
header .phone{font-size:20px; color:#0162b0; font-weight:bold; margin-top:22px;}
.icon-menu{color:#0266b4; 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.5);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:#db7109;}

/*pc导航*/
.nav{ background:#f2f2f2;height:50px; border-top:1px solid #d9d9d9;text-align:center; }
.nav li{width:16.6%;float:left;font-size:18px; color:#fff; line-height:49px;position:relative}
.nav li a{display:block; color:#333;}
.nav .on,.nav li a:hover{ color:#0162b0;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:49px; z-index:99; display:none;}
.nav li .nav-zi li{background:#f2f2f2;font-size:16px;line-height:45px;float:none; height:45px;border-top:1px solid #dcd9d9; margin-top:1px;width:100%;}
.nav li .nav-zi li a{color:#333; display:block;}
.nav li .nav-zi li a:hover{color:#0266b4; }
.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}

/*主体内容*/
/*1、产品展示*/
.main1{padding-bottom:35px;}
.title{text-align:center; font-size:12px; color:#999;line-height:30px; margin:40px 0 30px;}
.title h4{font-size:26px; color:#999; font-weight:bold}
.title h5{background:url(../images/tittle.png) no-repeat center center; font-size:24px;color:#800000; font-weight:bold;}
.show-box .imgbox{display:block; margin-bottom:15px;}
.show-box .imgbox .tu{width:100%; height:340px; border:1px solid #ccc; position:relative; top:0;}
.show-box .imgbox h4{font-size:20px; color:#333; line-height:40px;}
.show-box .imgbox .zi{ font-size:12px; color:#333; line-height:18px; height:36px; overflow:hidden;}
.show-box .imgbox:hover .tu{ box-shadow:3px 3px 5px rgba(0,0,0,0.5); top:-5px}
.show-box .imgbox:hover h4{color:#0162b0}
.show-box .imgbox:hover .zi{color:#000}
.show-box .more{width:180px; height:30px; display:block;border-radius:15px; margin:10px auto 0; padding:1px; border:1px solid #0162b0}
.show-box .more span{ width:100%; height:100%;display:block;border-radius:15px;background:#0162b0;font-size:12px;color:#fff; line-height:26px; text-align:center;}
.show-box .more:hover{border-color:#db7109}
.show-box .more:hover span{background:#db7109}


.zhui{width:100%; height:200px;}

/*2、服务与支持*/
.fuwu .imgbox,.fuwu-box .imgbox{padding:3px;display:block; border:1px solid #e6e6e6; position:relative; margin-bottom:25px;}
.fuwu .imgbox .tu,.fuwu-box .imgbox .tu{width:180px; height:140px; overflow:hidden;position:absolute;}
.fuwu .imgbox .tu .img,.fuwu-box .imgbox .tu .img{width:100%; height:100%;}
.fuwu .imgbox .text,.fuwu-box .imgbox .text{margin-left:200px;margin-right:10px; overflow:hidden; height:140px;}
.fuwu .imgbox .text h4,.fuwu-box .imgbox .text h4{font-size:18px; color:#333; line-height:35px;}
.fuwu .imgbox .text .zi,.fuwu-box .imgbox .text .zi{font-size:12px; color:#666; line-height:24px; height:96px; overflow:hidden;}
.fuwu .imgbox:hover,.fuwu-box .imgbox:hover{border-color:#0162b0; box-shadow:3px 3px 5px rgba(0,0,0,0.5);}
.fuwu .imgbox:hover .tu .img,.fuwu-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)}
.fuwu .imgbox:hover .text h4,.fuwu .imgbox:hover .text .zi,.fuwu-box .imgbox:hover .text h4,.fuwu-box .imgbox:hover .text .zi{ color:#0162b0}

/*3、公司动态*/
.news-box .imgbox{display:block; position:relative; border:1px solid #ccc; padding:5px;}
.news-box .imgbox .tu{width:100%; height:180px; overflow:hidden}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text .tou{font-size:12px; color:#999;line-height:28px; }
.news-box .imgbox .text .tou h4{font-size:14px; color:#333;line-height:28px;font-weight:bold; max-width:65%;}
.news-box .imgbox .text .zi{font-size:12px; color:#666; line-height:24px; height:48px; 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 .tou h4{color:#db7109}
.news-box .imgbox:hover .text .zi{color:#000}
/*边框线定义*/
	.xian{position:absolute;z-index:100;}
	.xian_1{top:0;left:0;border-left:2px solid #0162b0;}
	.xian_2 {bottom:0;left:0;border-bottom:2px solid #0162b0;}
	.xian_3{bottom:0;right:0;border-right:2px solid #0162b0;}
	.xian_4{top:0;right:0;border-top:2px solid #0162b0;}
	
/*4、公司简介*/
.jianjie{background:#e6e6e6; padding-bottom:50px}
.jianjie .imgbox{display:block}
.jianjie .left .col-md-6{padding-right:0}
.jianjie .right .col-md-6{padding-left:0}
.jianjie .tu{width:100%; height:266px; position:relative}
.jianjie .tu .block{position:absolute;top:25%; left:0; width:250px; border-bottom:75px solid rgba(1,98,176,0.8); border-right:60px solid transparent; font-size:17px; color:#fff;height:0; padding-left:20px;}
.jianjie .tu .block h4{font-size:18px; margin-top:15px !important; line-height:20px}
.jianjie .text{ height:auto;background:#fff; padding:20px 25px 53px;}
.jianjie .text h4{font-size:18px; color:#0162b0; line-height:35px; text-indent:15px;}
.jianjie .text h4 span{width:4px; height:18px;background:#0162b0; border-radius:8px; display:block; margin-top:10px}
.jianjie .text .zi{font-size:12px; color:#666; line-height:22px; height:158px; overflow:hidden;}
.jianjie .text .more{width:118px; height:24px; background:#0162b0; border-radius:15px; font-size:12px; color:#fff; line-height:24px; text-align:center; margin-top:5px;}
.jianjie .imgbox:hover .tu .block{border-bottom:75px solid rgba(219,113,9,0.8); border-right:60px solid transparent;}
.jianjie .imgbox:hover .text h4{color:#db7109}
.jianjie .imgbox:hover .more,.jianjie .imgbox:hover .text h4 span{background:#db7109}

/*5、联系我们*/
.contact .ditu img{ border:1px solid #ccc; margin-bottom:25px;}
.contact .sao img{ width:129px; height:129px; margin-right:20px}
.contact .sao .text{font-size:14px; color:#333; line-height:24px;}
.contact .liuyan{margin-top:-10px}
.contact .liuyan .form-group{margin-bottom:2px !important;}
.contact .liuyan label{ padding-top:0 !important; text-align:left !important;color:#333; height:28px; line-height:28px; font-weight:normal;}
.contact .liuyan input{ background:#fff;height:36px;}
.contact .liuyan textarea{ background:#fff;height:100px;}
.contact .liuyan button{ width:100%; margin-top:10px; height:36px; color:#fff; background:#0162b0; border:none;}
.contact .liuyan button:hover{ background:#db7109;}


footer{ background:#0162b0; padding:24px 0; font-size:14px; color:#fff; line-height:22px; text-align:center}
footer a{color:#fff}
footer a:hover{color:#db7109}

.di{height:55px; background:#000;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:#1a1a1a}


/*分页*/
.pages a,.pages span {
    display:inline-block;
    padding:2px 5px;
    margin:0 1px;
    border:1px solid #f0f0f0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    text-decoration:none; color:#58A0D3;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
    margin:0;
}
.pages a:hover{
    border-color:#50A8E6;
}
.pages span.current{
    background:#50A8E6;
    color:#FFF;
    font-weight:700;
    border-color:#50A8E6;
}




/*子页面*/
/*1、关于我们*/
.main{ padding:22px 0 30px}
.main .left .menu{ background:#0168b0; 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%;text-align:center;font-size:14px; line-height:40px; border:1px solid #ccc;display:block; margin-top:2px}
.main .left ul li a{display:block;color:#333;}
.main .left ul li .on,.main .left ul li:hover{ background:#f2f2f2 url(../images/icon1.png) no-repeat 90% center;}
.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 14px 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:#0162b0}
.about{ font-size:14px;color:#666; line-height:28px;}
.about h4{font-size:20px; color:#333; line-height:50px; 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:#0266b4; 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:2px; font-size:16px;display:block}
.yddnav .xls a{ color:#000;line-height:40px;}
.yddnav .xls a:hover{ background:#6995b8; color:#fff}
.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:2px solid #d4d4d4;}

/*产品中心*/
.produce-main img{ margin-bottom:10px}
.produce-main h4{line-height:24px;}
.produce-main .zi{margin-top:10px}

/*新闻动态*/
.news .row{margin:0 -8px !important}
.news .col-md-4{padding:0 8px !important}
.news .imgbox{margin-bottom:20px}


@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){
.news-box .row,.fuwu-box .row,.show-box .row{margin:0 -8px !important}
.news-box .col-md-3,.fuwu-box .col-md-6,.show-box .col-md-4{padding:0 8px !important}
.show-box .imgbox .tu{ height:460px}
.fuwu-box .imgbox{margin-bottom:20px}
.news-box .imgbox{margin-bottom:15px}
.news-box .imgbox .tu{height:220px;}
.jianjie .tu .block{ font-size:15px}
.jianjie .tu .block h4{margin-top:8px !important}
footer{padding-bottom:70px}
}

@media (max-width:767px){
header .logo img{width:320px; height:auto;}
.show-box .imgbox .tu{ height:340px}
.zhui{height:180px;}
.news-box .imgbox .tu{height:240px;}
.jianjie .left .col-md-6{padding-right:15px}
.jianjie .right .col-md-6{padding-left:15px}
.jianjie .tu{height:350px;}
.jianjie .tu .block{ font-size:17px}
.jianjie .tu .block h4{margin-top:15px !important}
}

@media (max-width:600px){
header{height:80px;}
header .logo img{width:280px;margin-top:10px}
.icon-menu{font-size:35px;margin:22px 0 0 0}
.nav1{top:80px;}
.show-box .imgbox .tu{ height:280px}
.title{ margin:30px 0 20px;}
.title h4{font-size:24px;}
.title h5{font-size:22px;}
.zhui{height:150px;}
.news-box .imgbox .tu{height:180px;}
.jianjie .tu{height:280px;}

}


@media (max-width:479px){
.show-box .imgbox .tu{ height:240px}
.show-box .imgbox h4{ font-size:18px; line-height:35px;}
.title{line-height:28px; margin:25px 0 15px;}
.title h4{font-size:22px;}
.title h5{font-size:20px;}
.zhui{height:130px;}
.fuwu .imgbox .tu,.fuwu-box .imgbox .tu{width:150px; height:110px;}
.fuwu .imgbox .text,.fuwu-box .imgbox .text{ height:110px; margin-left:165px}
.fuwu .imgbox .text h4,.fuwu-box .imgbox .text h4{ font-size:16px; line-height:32px;}
.fuwu .imgbox .text .zi,.fuwu-box .imgbox .text .zi{height:75px;}
.news-box .imgbox .tu{height:150px;}
.jianjie .tu{height:240px;}
.jianjie .tu .block{ font-size:15px; width:220px}
.jianjie .tu .block h4{margin-top:8px !important}
.jianjie .tu .block{border-bottom:55px solid rgba(1,98,176,0.8); border-right:40px solid transparent;}
.jianjie .imgbox:hover .tu .block{border-bottom:55px solid rgba(219,113,9,0.8); border-right:40px solid transparent;}
}

@media (max-width:400px){
header{height:65px;}
header .logo img{width:240px;margin-top:8px}
.icon-menu{font-size:26px;margin:20px 0 0 0}
.nav1{top:65px;}
.show-box .imgbox .tu{ height:180px}
.show-box .imgbox h4{ font-size:16px; line-height:30px;}
.zhui{height:110px;}
.fuwu .imgbox .tu,.fuwu-box .imgbox .tu{width:130px; height:90px;}
.fuwu .imgbox .text,.fuwu-box .imgbox .text{height:90px;margin-left:145px}
.fuwu .imgbox .text h4,.fuwu-box .imgbox .text h4{ font-size:15px; line-height:28px;}
.fuwu .imgbox .text .zi,.fuwu-box .imgbox .text .zi{height:65px; line-height:22px;}
.news-box .imgbox .tu{height:120px;}
.news-box .imgbox .text .tou h4{max-width:100%}
.news-box .imgbox .text .tou span{ display:none}
.news-box .imgbox .text .tou h4{line-height:24px}
.news-box .imgbox .text .zi{ line-height:20px; height:40px;}
.jianjie .tu{height:200px;}
.jianjie .tu .block{ font-size:13px; padding-left:10px; width:190px}
.jianjie .tu .block h4{ font-size:14px;margin-top:8px !important}
}

@media (max-width:340px){
header{height:60px;}
header .logo img{width:220px;}
.nav1{top:60px;}
.show-box .imgbox .tu{ height:150px}
.news-box .imgbox .tu{height:110px;}
}