@media (min-width: 1430px){
.container {
    width: 1170px;
}
}

html,body,h3,h1,h2{font-family: "microsoft yahei!";}



a{color: #666;text-decoration: none !important;}
a:hover{color: none;text-decoration: none;}
a:hover {
    color: #2a6496;
   
}
ul, li{list-style: none;}
p,ul,li{padding: 0;margin: 0;}


/*手机端菜单*/
 #mobile-menu {position:fixed;top:0;left:0;width:220px;height:100%;background-color:#373737;z-index:9999;}
         a:hover ,a:focus{text-decoration:none}
        .mobile-nav ul li a {color:gray;display:block;padding:1em 5%;    border-top:1px solid #4f4f4f;border-bottom:1px solid #292929;transition:all 0.2s ease-out;cursor:pointer;#mobile-menu {position:fixed;top:0;left:0;width:220px;height:100%;background-color:#373737;z-index:9999;transition:all 0.3s ease-in;}}
        .mobile-nav ul li a:hover {background-color: #23A1F6;color: #ffffff;}
        .show-nav {transform:translateX(0);}
        .hide-nav {transform:translateX(-220px);} /*侧滑关键*/
        .mobile-nav-taggle {height:35px;line-height:35px;width:35px;background-color:#23A1F6;color:#ffffff;display:inline-block;text-align:center;cursor:pointer}
        .nav.avbar-inverse{position:relative;}
        .nav-btn {position:absolute;right:20px;top:20px;}



.navbar{border-radius: 0; border: none; border-top: 3px solid #6a6a6a;pc_all_tu-sizing: border-pc_all_tu;}

.margin-b-0{margin-bottom: 0;}
.margin-40{margin: 40px auto;}
.margin-t-40{margin-top: 40px;}
.max-with{max-width: 1400px;margin: 0 auto;}


.top{background: #000000;}
.top_p{color: #fff;}

/*导航*/
.navbar-collapse{width:100%;display: inline-block !important;padding-left:0;padding-right:0;}
.navbar-header{float: none!important;    padding: 10px 0;}
.navbar-nav{float: none!important;position:relative;z-index: 999}
.nav>li>a{ padding: 25px 10px;font-size: 16px;text-align:center;}
.navbar-toggle{margin-top: 40px;}
.navbar-toggle .icon-bar{background: #0294df;}
.nav>li>a:focus, .nav>li>a:hover{background: #fff;color: #428bca;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background: #fff;color: #428bca;}
.navbar-nav>li{width: 14%}
.m_logo{
	padding: 0;
    display: block;
    float: left
}
.nav li a font{font-family: arial;color: #999999; font-size: 12px;text-transform: uppercase;display: block;text-align: center;margin-top: 5px;}
.nav_hover{/*background: #fff;*/color: #428bca;}
.font_hover{color: #FFFFFF !important;}
.navboxbg{    position: absolute;
    top: 95px;
    height: 70px;
    width: 100%;
    background: #eee;
    z-index: 99;}
.nav>li>a:focus font, .nav>li>a:hover font{color: #FFFFFF;}
.dropdown-menu{border: none;}
.tel {height: 52px;float:right;background: url(../images/i_tel.png) no-repeat 0 center;padding: 0 5% 0 60px;font-size: 18px;font-weight: bold;color: #3c7ddf}
.tel small {font-size: 24px;display: block;}


.dropdown-menu>li>a{padding: 0; line-height: 45px;color: #FFFFFF;text-align: center;}
.dropdown-menu{background: #6a6a6a;min-width: 135px;}


.carousel-indicators li{width: 50px;height: 3px;background: #FFFFFF;}
.carousel-indicators .active{width: 50px;height: 3px;background: #6a6a6a; border: none;}

/*banner*/
.glyphicon-chevron-left:before {
    content: none;opacity: 0;}
.glyphicon-chevron-right:before {
    content: none;opacity: 0;
} 


.carousel:hover .glyphicon-chevron-right:before{opacity: 1;}
.carousel:hover .glyphicon-chevron-left:before{opacity: 1;}




/*产品分类左侧导航*/
.pro_nav{overflow: hidden;border: 4px solid rgb(72, 149, 237);border-radius: 0px;}
.pro_title{text-align: center;}
.pro_title h3{color: #FFFFFF;background: rgb(72, 149, 237);height: 80px;line-height: 80px;margin: 0;margin-bottom: 15px;padding-bottom:20px;border-bottom: 1px solid #6a6a6a;}

.pro_nav ul li:nth-child(4n){display: none;}


.accordion {
	width: 100%;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 0 15px;
	height: 71px;
	line-height: 71px;
	color: #666;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion .link .cp_active{background: #6a6a6a;color: #FFFFFF;}

.accordion li i {
	position: absolute;
	top: 30px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-angle-double-right {
	right: 12px;
	left: auto;
	font-size: 16px;
	
}

.accordion li.open .link {
	color: #b63b4d;
	background: #6a6a6a;
}

.accordion li.open i {
	color: #b63b4d;
}

.accordion li.open i.fa-angle-double-right {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/**
 * Submenu
 -----------------------------*/

.submenu {
	display: none;
	background: #004280;
	font-size: 14px;
}

.submenu li {
	border-bottom: 1px solid #4b4a5e;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #d9d9d9;
	padding: 12px;
	padding-left: 60px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
	background: #b63b4d;
	color: #FFF;
}

/*右侧产品图片*/

.title_main{text-align: center; margin-bottom: 45px;}
.title_main h3{font-size: 30px;font-weight: 600; background: url(../images/line1.png)no-repeat center;}
.title_main h5{color: #999999;text-transform: uppercase;}


.pc_right_top{overflow: hidden;font-size: 16px; padding: 0px 15px 20px;margin: 0 15px; border-bottom: 1px solid #6a6a6a;}

.pc_all_tu{overflow: hidden;/*margin-top: 15px;*/}





.pc_all_tu {
	overflow: hidden;
}

.cp_list {
	max-width: 320px;
    margin-bottom: 30px;
	float: left;
	position: relative;
	cursor: pointer;
	
	border: 1px solid #ccc;
}

.cp_top {
	position: absolute;
	z-index: 1;
	height: 5px;
	width: 0px;
	top: 0px;
	width: 0px;
}

.cp_bottom {
	position: absolute;
	z-index: 1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}

.cp_left {
	height: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}

.cp_right {
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}

.cp_list img {
	
	/*position: absolute;*/
	z-index: 1;
	top: 5px;
	left: 5px;
}



.t_img{display: block;}
.t_img span{color: #333; text-align: center;display: block;line-height: 40px;background: #e9ebec;}
.cp_list:hover .t_img span{background: rgb(72, 149, 237);color: #FFFFFF;}


/*优势*/

.ys_bj1{box-shadow: -moz-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;-webkit-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;box-shadow: -10px 7px 18px 0px #ddd;}
.ys_bj2{margin-top: 60px;box-shadow: -moz-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;-webkit-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;box-shadow: 13px 13px 19px 0px #ddd;}
.ys_bj3{margin-top: 60px;box-shadow: -moz-box-shadow:box-shadow: -12px 12px 20px 0px #ddd;-webkit-box-shadow:box-shadow: -12px 12px 20px 0px #ddd;box-shadow: -12px 12px 20px 0px #ddd;}
.ys_bj4{margin-top: 60px;    margin-bottom: 80px; box-shadow: -moz-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;-webkit-box-shadow:box-shadow: -10px 7px 18px 0px #ddd;box-shadow: 13px 13px 19px 0px #ddd;}


.ys_bt{text-align: center;margin: 40px auto;}
.ys_bt h3{font-weight:600;font-size: 30px;background: url(../images/line2.png)no-repeat center;}
.ys_bt h5{color: #999999;text-transform: uppercase;}
.ys_bt h3 font{font-size: 100px;font-family: "arial black";color: #6a6a6a;}
.margin-t-60{margin-top: 60px;}
.h5_color{color: #666666;}
.margin-40{margin: 40px auto;}
.margin-b20{margin-bottom: 20px;}
.you_shi{overflow: hidden;}
.you_shi ul li{float: left;width: 20%;}
.you_shi .ys_01{overflow: hidden;max-width: 200px; margin: 0 auto; text-align: center;}
.kuai{max-width:200px;margin:0 auto;text-decoration: none!important; text-align: center;display: block;background: #fff;padding:30px 15px;}
.kuai:hover{background: #2a5fff;color: #fff!important;}
.kuai .picHover img{margin: 0 auto; }
.ys_title{font-size: 16px;margin-top: 20px;}
.ys_text{font-size: 14px;height: 100px;color: #666666;line-height: 24px;margin-top: 15px;}
.wwdBox li:hover .ys_title{color: #fff;}
.wwdBox li:hover .ys_text{color: #fff;}
.wwdBox .picHover img:last-of-type{display: none;}
.wwdBox .picHover {max-width: 137px;display: block;margin: 0 auto;}
.wwdBox li:hover .ys_text{color: #FFFFFF;}
.wwdBox li:hover .picHover img:last-of-type{display:block;}
.wwdBox li:hover .picHover img:first-of-type{display:none;}


.index_all{overflow: hidden;margin-top: 40px;}
.bj_hui{}
.on_tit h3{line-height: 36px!important;}
.no_sz{background:url(../images/nobj.png) no-repeat left center;display:block;text-align:center;width:85px;height:38px; float:left;}
.num_bt{color:#6a6a6a;margin-left:15px;font-size: 45px;}

.on_tit p{max-width: 480px; font-size:16px;line-height:32px;background:url(../images/xstar.png) no-repeat left 10px;padding-left:18px;}

.btbj1{background: url(../images/btbj1.png)no-repeat center;}
.btbj{background: url(../images/btbj.png)no-repeat center;}


.ys01{padding: 33px;padding-left: 90px;background: url(../images/ys01.png) no-repeat left 10px;}
.ys02{padding: 33px;padding-left: 90px;background: url(../images/ys02.png) no-repeat left 10px;}
.ys03{padding: 33px;padding-left: 90px;background: url(../images/ys03.png) no-repeat left 10px;}
.ys04{padding: 33px;padding-left: 90px;background: url(../images/ys04.png) no-repeat left 10px;}


/*新闻中心*/
.news{overflow: hidden;margin-top: 70px;}
.news_a{display: block;overflow: hidden;border: 1px solid #ccc;}
.new_img,.list_img{overflow: hidden;}
.new_text{display: block;overflow: hidden;padding: 0 20px;}
.new_text h3{}
.new_text p{font-size: 14px;line-height:25px;color: #666666;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.time{padding: 0 20px;line-height: 72px;}
    
.time span{color: #666666; display: block;}

.news_list{overflow: hidden;}
.list_a{    margin-left: 15px; overflow: hidden;display: block;margin-bottom: 20px;background: #ededed;}
.padding_l_0{padding-left: 0;}
.padding_r_0{padding-right: 0;}
.list_a h3{font-size: 18px;overflow: hidden;line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list_a p{    color: #666; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.shi_j{margin-top: 15px;color: #999;}
.shi_img{margin-top: 25px;}
.news_a img{    margin: 0 auto; transition: all .3s;}
.shi_img img{transition: none!important;}
.news_a:hover img{transform: scale(1.1);}
.news_bt{overflow: hidden;}
.list_a img{overflow: hidden; transition: all .3s;height: 150px} 
.list_a:hover img{transform: scale(1.1);}
.list_a:hover {background: #6a6a6a;color: #FFFFFF;}
.list_a:hover p{color: #FFFFFF;}
/*关于我们*/
.about_text{max-width: 1000px;overflow: hidden;margin: 0 auto;display: block;}  
.about_text p{text-indent: 28px;line-height: 32px;font-size: 16px;}
.about_more{margin-top: 20px;display: block;padding: 14px 0px;background: #6a6a6a;color: #ffffff;width: 150px;border-radius: 38px;text-align: center;margin: 50px auto 0;font-size: 16px;}
.about_more:hover{background: #0241fe;color: #FFFFFF;}
.about{padding: 40px 0; background: url(../images/about_bj.jpg)no-repeat center;}




/*底部*/
.footer{width: 100%;background: #333;margin-top: 70px;padding: 30px 0;}
.f_nav {overflow: hidden;text-align: center;}
.f_nav ul li{float: left;width: 14.2%;}
.f_nav ul li a{color: #f6f6f6;text-transform: uppercase;}
.f_nav ul li a:hover{color: #FFFFFF;}

.lx_one{ overflow: hidden;}
.padding_0{padding: 0;}
.lx_one .lx_text{display: block;color: #dddddd;background: url(../images/lx02.png)no-repeat left top;}

.lx_text p{line-height: 32px;font-size: 16px;color: #e7dfdf;}

.lx_one .lx_text_a{margin-left: 100px;display: block;color: #dddddd;padding-left:50px;background: url(../images/lx01.png)no-repeat left top;}
.lx_one .lx_text_b{display: block;color: #dddddd;padding-left:60px;background: url(../images/lx03.png)no-repeat left top;margin-left: 135px;}

.lx_bt{line-height: 32px;}
.lx_b{border-bottom: 1px solid #222222;padding-bottom: 10px;}

.footer_boot{background: #222;font-size: 12px;color: #c8e5f3;border-top: 1px solid #353434;padding: 10px 0;}
.banquan{overflow: hidden;text-align: center;color: #ffffff;}
.banquan img{display: inline-block;}
.margin-t-30{margin-top: 30px;}

.ewm{text-align: center;}
.ewm img{margin: 0 auto;display: block;text-align: center;}
.ewm p{line-height: 42px;color: #FFFFFF;}

.lx_01{padding-left: 30px; background: url(../images/lx_01.png)no-repeat left;}
.lx_02{padding-left: 30px; background: url(../images/lx_02.png)no-repeat left;}
.lx_03{padding-left: 30px; background: url(../images/lx_03.png)no-repeat left;}
.lx_04{padding-left: 30px; background: url(../images/lx_04.png)no-repeat left;}
.lx_05{padding-left: 30px; background: url(../images/email.png)no-repeat left;}

.youqin{overflow: hidden;margin-top: 20px;}
.youqin ul li{width: 21%;float: left;}
.youqin ul li a{color: #e7dfdf;font-size: 16px;}
.youqin ul li .l-bor{border-left: 10px solid #fff;padding-left: 5px;}

/*客服*/
#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:68px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-236px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}



/*首页改*/

/*我们的服务*/
.title_main.line h3{background: url(../images/line_01.png)no-repeat center;}

.service{overflow: hidden;}
.service .s_img{float: left; display: inline-block;width: 100px;height: 100px;background: #0162d2;margin: 0 auto;border-radius: 50px;vertical-align: middle;}
.service .s_img img{margin: 0 auto;display: block;vertical-align: middle;margin-top: 20px;}
.service .s_img img:last-of-type{display: none;}
.s_hover .service:hover .s_img img:last-of-type{display: block;}
.s_hover .service:hover .s_img img:first-of-type{display: none;}
.s_hover .service:hover .s_img{background: #FFFFFF;border: 3px solid #0162D2;}

.service .s_text{max-width: 245px;float:left;margin-left: 15px;}
.service .s_text h3{font-weight: bold;margin-top: 0;}
.service .s_text p{display: inline-block;line-height: 22px;color: #666666;}
.s_hover{margin: 30px auto 60px;}

/*我们的产品*/
#product_lunbo{max-width: 1200px;margin: 0 auto;}
.p_bg{background: #ecf0f1;padding: 60px 0;}
.p_list{float:left;position:relative;overflow:hidden;cursor:pointer; margin: 30px auto 80px;}
.txt{width:100%;height:45px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.txt h3{font-size: 18px;font-weight:bold;line-height: 8px;text-align:center;/* margin: 20px auto; */}
.txt img{display: block;margin: 30px auto 0;}


#product_lunbo .carousel-control.right{background-image: none;}
#product_lunbo .carousel-control.left{background-image: none;}
#product_lunbo .carousel-control .glyphicon-chevron-left{left: -30%;top: 35%;}
#product_lunbo .carousel-control .glyphicon-chevron-right{right: -4%;top: 35%;}
#product_lunbo .carousel-control{opacity: 0;}
#product_lunbo:hover .carousel-control{opacity: 1;}


@media screen and (min-width:768px){
  .accordion .link{line-height: 45px;height: 45px;}
  .accordion li i{top: 16px;}
  .time{line-height:40px;}
}


@media screen and (min-width:992px){
  .accordion .link{line-height: 68.5px;height: 68.5px;}
  .accordion li i{top: 22px;}
  .time{line-height:62px;}
  .dropdown-menu {min-width: 119px;}
  
}


@media screen and (min-width:1200px){
  .accordion .link{line-height: 85px;height: 85px;}
  .accordion li i{top: 36px;}
  .time{line-height:40px;}
  .dropdown-menu {min-width: 151px;}
  .ny_about_a p{font-size: 15px;line-height: 32px;margin-top: 0;}
  
}


@media screen and (min-width:1430px){
  .accordion .link{line-height: 88.5px;height: 88.5px;}   
  .time{line-height:50px;} 
  .dropdown-menu {min-width: 160px;}
}


@media screen and (min-width:860px) and (max-width:1180px){
 .nav>li>a{padding: 33px 20px;}
}




@media screen and (min-width:1180px) and (max-width:1250px){
 .nav>li>a{padding: 33px 26px;}
}


@media screen and (min-width:1250px) and (max-width:1430px){
 .nav>li>a{padding: 33px 36px;}
}


@media screen and (max-width:768px){
.nav>li>a{padding: 0; text-align: center;margin: 20px auto;}
.nav.m_nav{width: 100%;background: #6a6a6a;}
.navbar-nav{margin: 0;}

.dropdown-menu>li>a{text-align: center;}
  
}

@media screen and (max-width:540px){
  .m_logo img{width: 80%;}
  .navbar-toggle{margin-top: 20px;}
  
  
}