﻿@charset "utf-8";

/************************************************************************************************************/

.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;text-align:left}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1150px !important;}
*{font-family: "微软雅黑";}
/*header*/
header{background:rgba(0,94,187,0.7);position:fixed;top:0;left:0;width:100%;z-index:9999;}
header .head{transition:all 0.5s;padding:0;}
header .logo{transition:all 0.5s;padding:0;}
header .logo img{ margin:3.5px 0; width:229px; height:83px;transition:all 0.5s;}
header .icon-menu span{color:#fff;font-size:26px;padding-right:15px;font-weight:bold;margin-top:29px;line-height:24px;cursor: pointer;}
/*导航*/
header .index_right{padding:0;text-align:right;}
header .index_right .nav{display:inline-block;}
header .nav li{height:100%;float:left;}
header .nav li a{color:#fff;font-family:"微软雅黑";padding:0 9px;font-size:15px;line-height:90px;display: block;transition:all 0.4s ease;}
header .nav li:hover a{color:#a1d0ff;}

.sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:73px;z-index:5; }
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:35px;display:block; padding:0; background:rgba(0, 0,0, 0.7); text-align:center; margin-bottom:1px;}
.sjdnav li a{display:block; color:#fff; line-height:35px; font-size:15px;}
.sjdnavhide{ height:0; overflow:hidden;}
.sjdnav li:hover{background:#005ebb;}


/*轮播图*/
.banner {position:relative;margin:0 !important;width:100%;}
.banner .owl-theme .owl-controls .owl-buttons div{transition:all 0.4s;opacity:0.4;filter:alpha(opacity=40);padding:0;height:50px;width:50px;border-radius:0;border:none;font-family: "宋体";margin:0;position:absolute;}
.banner .owl-theme .owl-controls .owl-buttons div:hover{opacity:0.9;filter:alpha(opacity=90);}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev{top:47%;left:0px;background:url(../img/prev.png) no-repeat 50% 50%;}
.banner .owl-theme .owl-controls .owl-buttons .owl-next{top:47%;right:0px;background:url(../img/next.png) no-repeat 50% 50%;}
.owl-theme .owl-controls{margin:0;}
.owl-theme .owl-controls .owl-pagination{margin-top:0px;position:absolute;bottom:5px;left:48%;}
.banner .owl-theme .owl-controls .owl-page span{background:#fff;border:1px solid #005ebb;width:8px;height:8px;margin:5px;}
.banner .owl-theme .owl-controls .owl-page.active span{background:#005ebb;z-index:99}
.banner .img2{display:none;}
.banner img{width:100%;}

.main{padding:20px 0;}
.main_color{background:url("../img/aboutbg.png");}
/*biaoti*/
.index_title {width:100%;background:url(../img/line.png) repeat-x 50% 50%;}
.index_title .title_txt{text-align:center;}
.index_title .title_txt a{display:inline-block;padding:0 3%;background:#fff;}
.index_title .title_txt .title_font{text-align:center;margin:0px;font-size:29px;font-weight:bold;color:#535353;line-height:25px;}
.index_title .title_txt h3{color:#005ebb;font-size:35px;line-height:24px;font-weight:bold;text-align:center;margin:10px 0;}
.main_color .index_title{background:url(../img/line2.png) repeat-x 50% 50%;}
.main_color .index_title a{background:url("../img/aboutbg.png");}
.main_color .index_title .title_txt .title_font{color:#fff;}

/*about*/
.about{margin-top:30px;margin-bottom:20px;}
.aboutbox{height:330px;background:url(../img/aboutboxbg.png) no-repeat 0 0;}
.aboutbox .ab_img{width:36%;padding-left: 14px;padding-right: 15px;}
.aboutbox .imgbox{transition:all 0.4s;height:260px;overflow: hidden;margin-top:20px;}
.aboutbox .textbox{width:64%;transition:all 0.4s;}
.aboutbox .text{padding:65px 10px 0 30px;transition:all 0.4s;line-height:26px;height:275px;overflow: hidden;}
.aboutbox .text p{color:#fff;font-size:12px;transition:all 0.4s;line-height:28px;margin:0;font-family:"宋体";  text-indent:2em;}
.aboutbox .more{margin:10px 10px 0 0;width:80px;background:#7c7c7c;line-height:24px;color:#fff;}
.aboutbox .ab_tel{font-size:15px;padding-left:55px;color:#fff;}
.aboutbox .ab_tel .tel{color:#e08906;}
.aboutbox .ab_tel .tel label{padding-right:15px;font-weight:300;margin:0;font-size:16px; color:#005ebb;}
/*product*/
.product{margin-top:30px;}
.product .item a{padding:0 8px;display:block;margin-bottom:15px;}
.product .owl-theme .owl-controls .owl-buttons div{transition:all 0.4s;padding:3px 12px;font-weight:bold;border-radius:0;background:#fff;color:#9c9c9c;border:1px solid #9c9c9c;font-size:22px;font-family: "宋体";margin:0;position:absolute;}
.product .owl-theme .owl-controls .owl-buttons div:hover{background:#005ebb;color:#fff;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{top:45%;left:-50px;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{top:45%;right:-50px;}
.product a .top_border{transition: all 0.3s;border:1px solid #c0c0c0;padding:0px;}
.product .pro_img{position:relative;  overflow: hidden;}
.product .pro_img .mask{transition: all 0.3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#005ebb;filter:alpha(opacity=0);opacity:0}
.product .pro_img .mask span{transition: all 0.3s;color:#fff;width:70%;height:30%;display:block;margin:-100% auto 0;border:1px solid #fff;text-align:center;}
.product .pro_img .mask span b{color:#fff;font-size:24px;padding-top:12%;}
.product .pro_img.img1{background:url("../img/case.png") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img2{background:url("../img/case.png") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img3{background:url("../img/case.png") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img4{background:url("../img/case.png") no-repeat 50% 50%;background-size:cover;}
.product a h4{color:#fff;transition: all 0.6s;font-size:20px;text-align:center;width:100%;position:absolute;top:85%;left:0;filter:alpha(opacity=0);opacity:0;}
.product a:hover h4{filter:alpha(opacity=100);opacity:1;top:60%;}
.product a:hover .top_border{border-color:#005ebb;}
.product a:hover .mask{filter:alpha(opacity=60);opacity:0.6}
.product a:hover .mask span{margin-top:20%;}
.product a:hover .mask b{animation:pro 1s infinite;}
.pro_more a{transition:all 0.4s;display:block;width:110px;height:35px;line-height:31px;border:2px solid transparent;text-align:center;color:#fff;background:#005ebb;margin:20px auto 15px;}
.pro_more a:hover{border-color:#005ebb;color:#005ebb;background:#fff;width:150px;}

@keyframes pro {
	/*infinite次数*/
	0%,100% {color:#fff;transform:scale(1);}
	50% {transform:scale(1.1)}

}
/*手机产品展示*/
.sj_product{max-width:490px;margin:10px auto 0;}
.sj_product>div{padding:0 10px;}
.sj_product a{margin-bottom:20px;display:block;}
/*agent*/
.agent{margin:30px -8px 0;}
.agent .pro_list{padding:0 8px;margin-bottom:15px;}

/*new*/
.new{margin-top:30px;/*max-width:780px;margin-right:auto;margin-left:auto;*/}
.new .new_list .img_box{height:123px;padding:8px;border:1px solid #dfdfdf;}
.new .new_list .img_box .img{height:100%;}
.new ul{margin-top:10px;}
.new ul li{border-bottom:1px dotted #dfdfdf;padding:0 8px;}
.new ul li span{transition:all 0.4s;font-size:16px;color:#020202;font-family:"宋体";line-height:35px;float:left;}
.new ul li a{transition:all 0.4s;color:#020202;line-height:35px;display:inline-block;width:70%;float:left;}
.new ul li .time{transition:all 0.4s;float:right;line-height:35px;color:#707070;font-size:12px;}
.new ul li:hover a,.new ul li:hover span,.new ul li:hover .time{color:#005ebb;}
/*footer*/
footer{padding:15px 0; background:#005ebb;}
footer .footer_box{margin-top:10px;}
.foot_nav{margin-bottom:10px;}
.foot_nav li{float:left;}
.foot_nav li a{padding:0px 5px;line-height:15px;display:inline-block;color:#fffefe;font-size:14px;border-right:1px solid #a8a8a8;}
.foot_nav li.first a{border-left:1px solid #a8a8a8;}
footer .fooer{padding-left:2%;}
.fooer .fooer_left{margin-bottom:5px;margin-top:5px;float:left;padding-right:20px;}
.fooer .fooer_right{margin-bottom:5px;margin-top:5px;float:left;}
.fooer .fooer_info{margin-bottom:5px;}
.fooer .fooer_info div{color:#fffefe;font-size:12px;line-height:25px;}
.fooer .con{font-weight:bold;font-size:14px;color:#fffefe;line-height:25px;padding:5px 0;}
footer .weixin h4{font-size:12px;color:#fff;text-align:center;}



/*内页头部*/
.ny_box{margin-top:30px;margin-bottom: 30px;}
.boxhead{line-height:30px;border-bottom:1px solid #dfdfdf;}
.boxhead .title{color:#3a3a3a;padding:0 25px;border-bottom:2px solid #005ebb;}
.boxhead .nav_link{padding-right:15px;color:#3a3a3a;font-size:12px;}
.boxhead .nav_link a{color:#3a3a3a;font-size:12px;}
.boxhead .nav_link a.active{color:#005ebb;}

/*ny_pro*/
.ny_pro a h3{font-size:12px;color:#3a3a3a;text-align:center;margin:10px 0;}
/*详情*/
.pro-xq .pro_xq_img .img{width:35%;float:left;padding-right:25px;}
.pro-xq .pro_xq_img .pro_title{padding-top:30px;}
.pro-xq .pro_xq_img .pro_title h4{font-size:14px;}
.pro_xq_box{margin:25px 0;}
.pro_xq_box .pro_xq_title{background:url(../img/line.png) repeat-x 50% 65%;}
.pro_xq_box .pro_xq_title span{display:inline-block;width:150px;height:35px;line-height:35px;background:#005ebb;color:#fff;text-align:center;}
.pro_xq_box .txt{margin-top:20px;}
.pro_xq_box .txt p{color:#333;line-height:25px;text-indent:2em;margin:0;}

/*ny_new*/
.ny_new{max-width:85%;margin-left:auto;margin-right:auto;}
.ny_new .new-list{padding-bottom:5px;border-bottom:1px dashed #aaaaaa;}
.ny_new .new-list span{display:block;padding:0 10px 0 3px;color:#020202;line-height:28px;transition:all 0.4s;}
.ny_new .new-list a{color:#020202;line-height:28px;display:block;width:65%;transition:all 0.4s;}
.ny_new .new-list .time{color:#707070;line-height:28px;font-size:12px;transition:all 0.4s;}
.ny_new .new-list:hover span,.ny_new .new-list:hover a,.ny_new .new-list:hover .time{color:#005ebb;}
/*ny_new_xq*/
.ny_new h4{font-size:16px;color:#005ebb; text-align:center}
.ny_new .xq_time span{font-size:12px;color:#005ebb;}
.ny_new .xq_time p{font-size:12px;color:#005ebb; text-align:center}
.ny_new .txt_xq{margin-top:20px;}
.ny_new .txt_xq p{color:#010101;line-height:24px;font-size:12px;text-indent:2em;margin:0;}
/*ny_contact*/
.ny_contact ul li{font-size:12px;line-height:18px;color:#363434;}
/*手机端导航*/
/*侧方*/
/*侧方导航*/
.leftnav{overflow: hidden;}
.nav1{margin-bottom:20px;}
.navhead{cursor: pointer; background:#005ebb;text-align:center;width:100%;height: 40px;line-height:40px;color:#fff;font-size: 18px;}
.nav1 .nav{width:100%;overflow:hidden;}
.nav1 .nav li a{padding:0;line-height:33px;font-size: 15px;color:#333;text-align: center;}
.nav1 .nav li{margin-top: 3px;height:35px;background: #cbcbcb;border-left:2px solid transparent;}
.nav1 .nav li:hover{border-left-color:#005ebb;}
.nav1 .nav li:hover a{font-weight:bold;}
.headnav b{line-height: 40px;font-size: 14px;padding-right: 15px;}

.contacts .nav{padding: 10px 0px 20px;margin-top:7px;background: #cbcbcb;}
.contacts .nav li{padding:2px 10px;font-size:12px;color:#363434;}
.contacts .nav li.last{padding:0;margin-top:15px;}
.contacts .nav li p{text-align: center;}
/*尾部*/

	/*底部菜单*/
.hot{height:50px; background: #005ebb; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0; }
.hot .row div.first a{background:none;}
.hot span{color:#fff; font-size:16px;line-height: 20px;}
.hot h6{font-size:12px; line-height: 20px;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot .hover:hover{background: #0b7ae8;}


@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 1070px){
	.owl-theme .owl-controls .owl-buttons div{display:none;}
}
@media only screen and (max-width: 991px) {
	header .logo{width:28%;padding-left:7px;}
	header .logo img{margin: 8.5px 0 8.5px;  width: 200px;  height: auto;}
	header .nav li a{padding:0 5px;font-size:14px;}
	header .index_right{width:72%;}
	.aboutbox{background:none;height:auto;padding-bottom:20px;}
	.aboutbox .text{padding:0 0 0 0;max-height:200px;}
	.aboutbox .textbox{float:none !important;max-width:650px;width:100%;margin:0 auto;padding:15px;border:3px solid #d9d9d9;border-radius:5px;background:#fff;}
	.aboutbox .more{float:none !important;margin:10px auto;}
	.aboutbox .text p{color:#232323;}
}
@media only screen and (max-width: 920px) {
	header .logo{width:28%;padding-left:7px;}
	header .logo img{margin: 8.5px 0 8.5px;  width: 200px;  height: auto;}
	header .nav li a{padding:0 4px;font-size:12px;}
	header .index_right{width:72%;}
	.aboutbox .pull-right{padding:0;}
}
@media only screen and (max-width: 767px) {
	header{position:relative;background:rgba(0,94,187,0.7);}
	header .head{ height:75px; }
	header .logo{width:70%;height:75px;}
	header .logo img{margin: 4px 0;  width: 185px; }
	.index_title .title_txt h3{margin-top:0px;}
	.main{padding-bottom:0px;}
	.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0px;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
	.swiper-pagination-bullet{width:5px;height:3px;border-radius:0;}
	.nav1 .nav li a{line-height:28px;}
	.nav1 .nav li{height:30px;border:none;}
	.nav1{margin:0;}
	.sjdnavhid{height:0;overflow:hidden;}
	.navhead{text-align:left;padding-left:15px;font-size: 15px;}
}
@media only screen and (max-width: 600px){
	.banner .img1{display:none;}
	.banner .img2{display:block;}
	.ny_box{margin-top:15px;padding: 0;}
	.aboutbox .text{max-height:225px;}
	.pro-xq .pro_xq_img .img{width:50%;}
	.pro-xq .pro_xq_img .pro_title{padding:0;}
	.ny_new{max-width:100%;}
}
@media only screen and (max-width: 530px){
	.index_title .title_txt .title_font{font-size:22px;}
	.index_title .title_txt h3{font-size:24px;margin-bottom:0px;}
	.foot_nav .first_li{display:none;}
	.foot_nav ul{width:300px;margin:0 auto;}
	.foot_nav li{width:33.33% !important;height:35px !important;line-height:35px !important;}
	.foot_nav li a{line-height:35px !important;}
	.aboutbox .text{padding-top:0;}
	.aboutbox .text p{color:#333;}
	.ny_pro .pro_xq_img{width:100%;float:none;}
	.ny_pro .pro_title{float:none !important;padding-left:0px;margin-top:10px;}
	.ny_pro .fooer_left,.fooer_right{float:none !important;padding:0 !important;}
	.owl-theme .owl-controls .owl-pagination{left:45%;}
}
@media only screen and (max-width: 450px){
}
@media only screen and (max-width: 436px) {
	header .logo{padding-left:8px;}
	header .icon-menu span{padding-right:8px;font-size:28px;}
	.product .pro_img .mask span b{padding-top: 9%;}
}
@media only screen and (max-width: 390px){
	.owl-theme .owl-controls .owl-pagination{left:42%;}

}
@media only screen and (max-width: 360px){
	.product .pro_img .mask span b{padding-top: 10%;font-size:18px;}
	.product a h4{line-height:28px;font-size: 16px;}
}
@media only screen and (max-width: 321px){
	header .search{width:85%;}
}




div.page {
    margin: 20px 3px;
    padding: 3px;
    text-align: center;
}



div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}